Dynamic Data and Maps - ReactJS Tutorial - Virtualized List and Searching #4

Dynamic Data and Maps - ReactJS Tutorial -  Virtualized List and Searching #4

Hello!
In this new series we will work with React Leaflet and SocketIO to create an app that can display lots of points of interest on the map. The data will be changing periodically and we will reflect those changes on our map. Some of the functionalities I'd like to implement is:
- Data grouping (clusters on the map)
- Searching
- Data updates via websocket

In the fourth part I will explain why and how to use virtualized list in React. We will implement searching functionality and learn about debouncing the state.

Table of content:
00:00 - Virtualized List in React
25:50 - Searching through the car list
28:25 - Debouncing the state change
42:22 - Debouncing fix
--------------------------------------------

You can find me here:

https://twitter.com/wojciech_bilick
https://medium.com/@wojciech.bilicki
https://github.com/wojciech-bilicki

-------------------
ignore

web design
html
web development
css
html5
css3
es6
programming
basics
tutorial
javascript
how to make a website
responsive design tutorial
web development tutorial
media queries
website from scratch
html css
responsive website tutorial
responsive web development
web developer
how to make a responsive website
how to build a website from scratch
how to build a website
build a website
How to

react jsreactjs tutorial for beginnersreactjs tutorial

Post a Comment

0 Comments