Over the past year whilst developing on several small scale React apps I have experimented with multiple libraries to help with the development of the main building blocks of any FrontEnd app. The main building blocks are:
Data fetching
State Management — Once you have the data, managing it locally to your application and keeping it in sync with data in your database
UI — Rendering data to the user in a clear and digestible manner
Forms — Collecting required data from the user
Static Typing — Making sure you code doesn’t have type errors when working with data
Development Environment — An environment that lets you develop and iterate quickly to build an MVP
Not only must you build out your idea quickly but it has to look good also.
Through this experimentation I have tried many libraries such as Redux, RTK Query, RxJS, Formik, Material UI, Tailwind, ChakraUI and a whole host of others. All wonderful libraries and ones I will goto depending on the specific use case but not ones I will go into detail here.
