Nick Cantelmi shares three tactics Bleacher Report learned about dealing with data in Redux. These tactics have allowed them to scale their app with more efficient rendering flows and an easier management of data by establishing fine lines between presentational components, container components, and their data.
Build a "Chuck Norris World" application with authentication. This article starts from the very basics of React and works it's way up to creating an eye into the world of Chuck Norris and his greatness. The app displays different jokes about Chuck Norris, some requiring a login and some open to the public. Work through the tutorial and build your own "Chuck Norris World"! 👊
There is a lot of confusion amongst React developers on what context is, and why it exists. It’s also a feature that’s been hidden in the React documentation in the past.
The short answer is that you should very rarely, if ever use context in your own React components. However, if you’re writing a library of components, it can come in useful. This article will walk you through how to use it and when.
What is a microinteraction? Dan Saffer gives us this definition: “Microinteractions are contained product moments that revolve around a single use case — they have one main task.”
Some microinteractions are everywhere, such as a cursor change when hovering over a link or the vibration of your phone when you switch to silent mode. Microinteractions can provide feedback and make your application memorable.
In this article, Christian Sepulveda shows us how to build 3 microinteractions for a search box with React:
- open and close the text box
- move to the top of the screen
- shake (indicating an error)