My FrontEnd Stack

Here is my frontend stack for webapps developed in 2021.

ReactJS: Https://reactjs.org/docs/getting-started.html

Material UI: https://material-ui.com/getting-started/usage/

Styled-Component:https://styled-components.com/docs

To make a API call, I ha…


This content originally appeared on DEV Community and was authored by Kumar Nitesh

Here is my frontend stack for webapps developed in 2021.

ReactJS: Https://reactjs.org/docs/getting-started.html

Material UI: https://material-ui.com/getting-started/usage/

Styled-Component:https://styled-components.com/docs

To make a API call, I had decided to use Fetch API with react-query

Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

React-query v2:https://react-query-v2.tanstack.com/docs/overview

For state management:

React Context API:https://reactjs.org/docs/context.html

Zustand:https://github.com/pmndrs/zustand

For Testing:

Unit Testing: https://jestjs.io/

E2E Testing : https://www.cypress.io/

For SSR:
GatsbyJS: https://www.gatsbyjs.com/docs/

For developing Micro Frontend App

Single-Spa
https://single-spa.js.org/docs/getting-started-overview

For creating and maintaining component design system

Figma:https://www.figma.com/
StoryBook:https://storybook.js.org/docs/react/get-started/introduction

For setting up monorepo:

Lerna : https://github.com/lerna/lerna
Yarn : https://yarnpkg.com/

Build
Webpack: https://webpack.js.org/

For building CLI
CommanderJS: https://github.com/tj/commander.js

What was your tech stack and tools ? What did you add/remove to your tech stack in 2022?

Cover Photo by Ibrahim Boran on Unsplash


This content originally appeared on DEV Community and was authored by Kumar Nitesh


Print Share Comment Cite Upload Translate Updates
APA

Kumar Nitesh | Sciencx (2022-01-03T03:10:13+00:00) My FrontEnd Stack. Retrieved from https://www.scien.cx/2022/01/03/my-frontend-stack/

MLA
" » My FrontEnd Stack." Kumar Nitesh | Sciencx - Monday January 3, 2022, https://www.scien.cx/2022/01/03/my-frontend-stack/
HARVARD
Kumar Nitesh | Sciencx Monday January 3, 2022 » My FrontEnd Stack., viewed ,<https://www.scien.cx/2022/01/03/my-frontend-stack/>
VANCOUVER
Kumar Nitesh | Sciencx - » My FrontEnd Stack. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/03/my-frontend-stack/
CHICAGO
" » My FrontEnd Stack." Kumar Nitesh | Sciencx - Accessed . https://www.scien.cx/2022/01/03/my-frontend-stack/
IEEE
" » My FrontEnd Stack." Kumar Nitesh | Sciencx [Online]. Available: https://www.scien.cx/2022/01/03/my-frontend-stack/. [Accessed: ]
rf:citation
» My FrontEnd Stack | Kumar Nitesh | Sciencx | https://www.scien.cx/2022/01/03/my-frontend-stack/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.