Goal Display a map using react-leaflet and highlight certain regions. When a mouse hovers over a highlighted region, a popup containing the name and flag of the region should be displayed. 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 www.countryflags.io These might interest you:React Transitions for […]
Goal Display a map using react-leaflet and highlight certain regions under given conditions 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 I learn French by Writing 2020 : 1/03/2020 – 15/03/2020How to display a map on your website with…Learning Korean by Writing […]
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:How to display a map on your website with…Python 4 Beginners: XML to CSV within a minuteLearning Java in 2020 – Beginner – Reverse StringHow I […]
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:How I learn French by Writing 2020 : 16/03/2020 – 29/04/2020Python […]
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:Learning Java in 2020 – Beginner – Count VowelsReact Transition for Dummies | Difference between…Learning Python in 2020 – Beginner – Simple […]
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:Python 4 Beginners: XML to Excel within a minuteLearning Java in […]
Note I am a novice in the world of java programming and hope that similar learners would benefit from my learning experience. Also suggestions and corrections/revisions are highly welcomed from java programmers at any level. Problem Goal: Reverse a string Pseudo-code : Get a string from the command line Declare new string and initialize with […]
Version Control Imagine you are a video editor and you just completed a job on a big youtuber’s video. But feel like trying out some really cool editing technique, so his/her subscribers would notice your artistry and want to find out more about you and possibly hire you for more work. Here are possible scenarios […]
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 […]
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 […]
So you need a dropdown menu but you do not know javaScript… right ? 2018-04-24 7:04:37 PM See the Pen GdZGwO by Ajala Comfort (@AJALACOMFORT) on CodePen. These might interest you:I am learning Python in 2020 – Beginner – Making a…
Purposefully creating global variables is bad style, but accidentally creating global variables can be a downright disaster Effect JavaScript : 68 Specific Ways to Harness the Power of JavaScript More local less global I am talking about local vs global scope. As a javaScript learner and after reading several books and blog notes I have […]
The day is not over, so I decided to keep planning on the web application. I thought of a feature to add – Search Autocomplete. Yes I know, keep it simple. I promise, I would not add any other feature before the first publishing okay!. Now let us talk about what we should see in […]
So I have an app Idea, how do I start… I have wanted to extend my portfolio’s project list for a good time now, but I always postponed it due to lack of an “it” idea. Few hours ago, I read about the 12 startups in 12 months project which found very inspiring. The writer addressed how […]
If you came all the way from part 1, you should get the book: Functional JavaScript In the last post, we learned about Closures and Scopes. Today, we are addressing Higher Order Functions – Let’s do this! Higher Order Function A first-class function takes a function as an argument returns a function as a result […]
Remember the Book: Functional JavaScript So chapter 3 right?…hm Scopes From my understanding, where a variable lives, while the extent of a scope means how long a variable holds a value. Global Scope This has the longest lifespan when you declare a variable without the var, you are defining a global variable (accessible to […]
Hey!! you missed me ? no..okay .. so chapter 2 First Class Functions According to the author, I quote, “the term first class means that soething is just a value. Is one that can go anywhere that any other value can go”. Therefore a first class function is as shown below: var number = function(){return […]
In my most recent Coding Blog Post I briefed on what I learned while reading the Book “DOM Enlightment“. The book improved my knowledge of DOM transversing, specific and list selection, style manipulation etc. This time I have decided on reading the book “Functional JavaScript” by Michael Fogus. I hope to prevent redundancy in my […]
Hope you found the part 1 helpful.. Okay, let’s begin… Styling style property to access a specific style property e.g. border-width, use selection.style.borderWidth or for background-color backgroundColor. getProperty, setProperty, removeProperty methods get – takes in only one argument; returns the value of that property e.g. selection.getProperty(“background-color”) set – updates the value of a specific property; […]
Part 2 is up! So I am at the moment reading the book “DOM Enlightment“, a really good book, and I thought to myself “Hmm.. why dont you blog about what you are learning form this book?”. So yea, hope you can get something out of this. Remember this, HTML is a tree made up […]