Create maps using Leaflet in React JS (Tutorial)

As for front-end developers, sometimes we have to deal with maps.
But it is frustrating to get started when you don't any idea.
So I make this video to make your life easier.
Hope you enjoy it

If you like it, please subscribe and like the video.
Follow me for more video
#ReactJS #leaflet #react-leaflet #tutorial

[cryptofelix]

Honestly very cool video for getting started with maps in web development and making them interactive. The music had me hooked as well! Thank you!

[MiroStoj]

The entire code used for mapping the state outlines, which isn't able to include the multi polygon states, can be replaced by 1 import and line of code:

<GeoJSON data={statesData.features} />

Thankfully 'react-leaflet' can do a lot for us

[Daniel-usvk]

Why are some us states not colored in? Michigan, washington state, dc, virginia, ? How do i fix? Thx

[yernar.]

Hello, good content, what about the click event? There is an idea when you click on region there will be pop-up(modal) with info about the region

how to do it?((

[HaxeHere]

Hey, thanks for the tutorial! Some of the states are left borderless on the map. Have you found out any reason why this happens? I've tried different things but I can't find the solution.

[danielbisceanu]

At the 8:25 step, after the copyright attribution has been written, my map doesn't display anything, it's still grey

[sairam]

is there is available geojson for other country

[arghavan]

Super cool, thanks! Can we get the name or other info from the states when we click on each one of them (in the end)?

[axoltl]

PS C:\xampp\htdocs\System> npm install react react-dom leaflet
npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable
program. Check the spelling of the name, or if a path was included, verify that the path is
correct and try again.
At line:1 char:1
+ npm install react react-dom leaflet
+ ~~~
+ CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException

I tried to follow the tutorial but this is the error I encountered.

[Addy__]

Great tutorial! Where can I find GeoJson files for other countries?

[victoriduh]

My map does not display, still shows gray

[block]

how you convert json o js object just change extention of json

[ghosting]

the tutor is bboy ?_? that song make me want to battle

[RoadSafety]

A WA number or email it is not available in your profile, How could I contact you?