Here are some of the most interesting features of React that I encountered as a JavaScript developer learning React for the first time. Hopefully my experiences can help you get to know these features too.
Context API is a great feature offered by React, but it can be tricky to get it right. Learn how to efficiently create and consume Context API with the use of hooks without performance issues. Starting with a naive implementation, we will iterate over what can be improved and how to avoid unnecessary component re-renders.
Making a video player in React should be easy, right? A boolean value can keep track of whether it is playing or not... but has the video been loaded yet? And how can we determine if it is paused or if it has just reached the end of the track? A Finite State Machine can help us define these different states and how one transitions to the next. Using XState within React can help us make complicated UIs easier to understand.
Knowing the similarities and differences between Google Maps and MapBox within a React app will help you pick the right tool for the job. This article compares and contrasts these two popular libraries, getting you up and running with whichever one you choose.