My FrontEnd Stack

#javascript #webdev #react #discuss

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

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more