Tools - Do you know the best Packages and Libraries to use with React?
Rules to Better React|3caded3b-50e4-4697-8d29-416a179b2a0f
v1.0
Posted at
16/05/2019 7:08 PM by
Shane Ye
Rule Intro
The whole React ecosystem improves every month. Tons of additional tools, libraries and components are released to simplify the developer’s job and minimize the required effort.
Page Content
Starter kits
Developers still struggle on making a decision on how to setup their React project when joining the React community. There are thousands of boilerplate projects to choose from and every boilerplate project attempts to fulfil different needs. They vary in a range of minimalistic to almost bloated projects. Here are 2 great Starter kits for React developers.
-
Create React App - An officially supported way to start a client-side React project with no configuration
-
Next.js - Framework for server-rendered or statically-exported React apps
See more at
https://reactjs.org/community/starter-kits.html
Utility Libraries for React
JavaScript ES6 and beyond gives you plenty of built-in functionalities dealing with arrays, objects, numbers, objects and strings. One of the most used JavaScript built-in functionalities in React is the
built-in map() Array.
-
Lodash is the most widespread utility library in JavaScript. Lodash comes with a powerful set of functions to access, manipulate and compose.
-
Ramda is also great utility library when leaning towards functional programming (FP) in JavaScript.
Asynchronous Requests in React
-
native fetch API . Nowadays, recent browsers implement the
fetch API to conduct asynchronous requests. It uses promises under the hood.
-
axios. It can be used instead of the native fetch API when your application grows in size. Another alternative is called
superagent.
State Management Helpers
Reselect
https://github.com/reduxjs/reselect
Creates a selector where the first functions passed in compute props for a final function. If none of those props have changed, then that function is not run and the result from the previous invocation is returned. This keeps the state from needlessly causing components to re-render.
Global Serverless Deployments
Now makes serverless application deployment easy.
https://zeit.co/now
Testing
Jest
https://jestjs.io/
Testing suite that provides a click-and-check API for automated in-browser smoke tests.
{00C34A19-49EF-4A04-B3E5-74F107C1761F}
Do you feel this rule needs an update?