Create an NX workspace for a new project using myorg as the workspace name. The workspace name will be used as a prefix when creating libraries later such as @myorg/mylib. You will be asked a couple of questions such as choosing a preset (React, Next, react-express, angular, empty and more) and a CLI. Alternatively you […]

Let’s assume you have an array of data: What you want to end up with is this: In other words, you want to group 3 elements together by surrounding them with another element. The solution

Installing recoil Add RecoilRoot to your root component Atoms An atom is (a piece) of state that can shared between your components is what components can use to read from or write to will trigger a re-render for any component (that uses the atom) whenever the atom state changed You create atom shared state like […]

We are going to have a look at how you can test your React Components and your Redux reducers and actions.

React hooks are a new way to enhance your React Functional Components, for example to let them handle state or reference DOM elements. Before hooks were introduced the only way to achieve this was to use React Class Components. In this article we have a look at what React Hooks are and how to implement them.