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