How To Use Styled-Components In React

Why Styled Components?   Apart from helping you to scope styles, styled components include the following features:   Automatic vendor prefixing You can ...

Five common mistakes writing react components (with hooks) in 2020

Using useState when no rerender is needed Using router.push instead of a link Handling actions via useEffect Single responsibility components Single responsibility useEffects ...

React Pure Components

React uses Pure Components to provide optimizations and for performance enhancement. React component is considered a Pure Component if it renders the same ...

Refactoring a Complex React Component — 5 Best Practices to Write Efficient and Readable Components

Prefer functional components with React Hooks DRY – Try to extract common things into another small functions (components) Shorten the names and destruct ...

Translate your React app with ease using Facebook’s own framework (FBT)

Reasons to use FBT: Translatable text resides inline with the rest of your JSX. This means that you can search for English text ...

Component Story Format

Component stories have no dependence on Storybook, so consuming them is as easy as importing an ES6 module Built int tools to migrate ...