Getting started - Add Map to your React application using React-Leaflet - Part 1

How to use the React-Leaflet package to add an interactive Map to your React JS application/website using functional components. ✅ Subscribe for more videos like this one 🔔 Click on the bell icon to be notified when I release a new video 👍 Please like my video! ⚠️ Join my channel to get access to perks: https://www.youtube.com/channel/UCRjhrVMfeAurqHm4BnTNgyw/join 🙏 Support my channel on Patreon at https://www.patreon.com/federicotartarini ☕ Support my channel by buying me a coffee - https://www.buymeacoffee.com/FedericoT 🎥 Playlists you may find useful: ➜ Beamer LaTeX course: https://www.youtube.com/playlist?list=PLY91jl6VVD7z8c6XM5CR9wzU5aZ2702nD ➜ Full LaTeX course: https://www.youtube.com/playlist?list=PLY91jl6VVD7wnyOlAgPRe-i9ov4_ZqHV8 ➜ PyCharm course: https://youtube.com/playlist?list=PLY91jl6VVD7zH9TVtqZ2ygCqKzupqXT0t ➜ Building a documentation website with Docusaurus: https://youtube.com/playlist?list=PLY91jl6VVD7wn8SHdWKRg3AAEKbHQYaNL 🎥 Videos you may find useful: ➜ Build and deploy a documentation website using Docusaurus 2: https://youtu.be/I-hYKNgaMmE ➜ Add a glossary to your document containing terms and acronyms: https://youtu.be/lfF7DPUEPQ0 ➜ Write a paper using the Elsevier template: https://youtu.be/iueBeWkLq60 ➜ Overleaf and GitHub integration: https://youtu.be/BAt5xYP70u0 ➜ Review a document in Overleaf: https://youtu.be/uMQP1YEunYQ ➜ Export citations from Mendeley into LaTeX: https://youtu.be/JinsVU3ORaI ➜ Pandas DataFrame to LaTeX table: https://youtu.be/6ll6TDaZOt0 ➜ How to use git and GitHub with PyCharm: https://youtu.be/dBMHuIWbF_k ➜ Use Grammarly in Overleaf ✍️: https://youtu.be/WxMH7Bk9tC0 ➜ TeXiFy - PyCharm IntelliJ LaTeX plug-in: https://youtu.be/bxXMZV9f9P8 ➜ Nomenclature in LaTeX document: https://youtu.be/zPrWS5cnDgc ➜ Why you should start using LaTeX now!!: https://youtu.be/FzWIL3-yir8 ✅ Let's connect: 🌍 My website - https://federicotartarini.github.io/ 💻 GitHub - https://github.com/FedericoTartarini Twitter - https://twitter.com/FedericoTartar1 LinkedIn – https://www.linkedin.com/in/federico-tartarini/ 📝 Useful notes More information about the React-Leaflet package here: https://react-leaflet.js.org and about React here: https://reactjs.org 👨‍💻 Source code -- Download the source code here: https://github.com/FedericoTartarini/react-leaflet-tutorial/tree/part_1_getting_started 🎥 Content of this video: 00:00 - Introduction 00:20 - Create react app 01:00 - Install dependencies 01:50 - Install React Leaflet 03:20 - Create a React component and display map 10:07 - Add .css files to render the map 🔣 Keywords: #react #leaflet #ReactJS #ReactLeaflet #Map #OpenStreetMap