Web Development

Coding, JavaScript, React, Software Development, Web Development

How to display a map on your website with react-leaflet for beginners 2020 – Display a basic map with a circle

Goal A simple map with a circle of specific radius. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) Solution Links Quick Start / Documentation These might interest you:React Transitions for Dummies | Part 1 : Transition,…Python 4 Beginners: XML to JSON within a minuteLearning Java in 2020 – Beginner – How to program […]

Coding, JavaScript, React, Software Development, Web Development

How to display a map on your website with react-leaflet for beginners 2020 – Display a basic map with custom markers

Goal A simple map with markers, popups. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) Possible errors Icon isn’t showing properly solution import leaflet css in file related github question here or here Solution Links Quick Start / Documentation These might interest you:Learning French by Writing 2020 : 23/02/2020 – 29/02/2020How to display […]

Coding, JavaScript, React, Software Development, Web Development

How to display a map on your website with react-leaflet for beginners 2020 – Highlight specific countries with custom colors

Goal Display a map using react-leaflet and highlight specific countries using different colors. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) randomcolor Solution Links Quick Start / Documentation These might interest you:How to display a map on your website with…React Transitions for Dummies | Part 1 : Transition,…Learning English and German by Reviewing […]

Coding, JavaScript, React, Software Development, Web Development

How to display a map on your website with react-leaflet for beginners 2020 – Display a basic map

Goal A simple map without markers, popups , tooltips. Packages required leaflet react-leaflet leaflet css ( e.g. https://unpkg.com/leaflet@1.7.1/dist/leaflet.css ) Possible errors Map isn’t loading properly solution import leaflet css in file related stackoverflow question here Solution Links Quick Start / Documentation These might interest you:How I learn French by Writing 2020 : 1/03/2020 – 15/03/2020Learning […]

Coding, JavaScript, React, Software Development, Web Development

React Transition for Dummies | Difference between CSSTransition and Transition

Bounce, Fade, Animate 05/03/2019 11:56:52 PM Intro into React Transitions In case you are a newbie in the world of react transitions,  you should probably read this post (React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor) before continuing. <Transition> If you want to animate a react component, wrap it with […]

Coding, JavaScript, React, Software Development, Web Development

React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor

04/29/2019 12:49:21 AM Overview Simply learning on how to use the React Transition Group “Transition” component to make websites look awesome! Who is this for? This should be useful for those who are confused as I was and (to some extent) still am about component and page transitions especially in React. Why I wanted to […]