10 Ways To Speed Up React Development

Use a Framework Use ESLint Use Prettier Use AI-Driven Autocomplete Superpower your CLI Use a React Component Library Use a CSS-in-JS library Use ...

8 Key Factors When Deciding Between Building In-House and Buying a UI Component Library

Documentation and Learning Resources Support Options Dependencies Updates Reusability Special Features: A11y, I18n, L10n Cost, Licensing and Return on Investment The Pleasure Factor ...

How I Code When I Work With React

Think Always in Functions Naming Functions Don’t Mount and Unmount Repeatedly No More than 10 Functions Within a Component If It Doesn’t Change, ...

Guidelines to improve your React folder structure

On testing Naming your component files Separate your pages from your components Keep styled components in your component files Split things out only ...

4 Ways to add Styles to React Component

React Components can add styling in the following ways:   Add the Global Styles to “index.html” File Create a Style for Each Individual ...

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 ...