Our great sponsors
-
TypeScript has seen vast adoption in the professional world. A good indicator is its usage ratio in the State of JS 2020 survey: 78% of the participating developers have used TS.
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
For custom styles, CSS-in-JS solutions have been on the rise for some time with styled-components being the most popular and Emotion quickly picking up. Both are very similar so it doesn't really matter which one you pick. If you don’t want to create all components from scratch you can use custom styles in combination with a headless component library like Headless UI.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
storybook
Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
Storybook (as most popular React UI testing and documentation tool)
-
Many of the negative comments stem from older versions of Redux. Nowadays it’s recommended to use Redux Toolkit (RTK) since it’s much easier to set up and removes a lot of boilerplate. You can even combine it with Redux Toolkit Query for data fetching.
-
Just a few years ago the standard for state management was without a doubt Redux. Nowadays it seems that more and more people complain about it and recommend other libraries like Zustand or Jotai.
-
react-query
Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]
react-query or RTK Query (as popular React fetching library)
-
Based purely on the download numbers the most widespread form libraries are Formik closely followed by React Hook Form. But it's obvious that the latter is quickly increasing adoption.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
Prettier is an opinionated code formatter. It’s been around for years and is widely used. As you can see in this screenshot of the Prettier playground you can write really ugly code and Prettier will make it look nice.
-
gitflow
Git extensions to provide high-level repository operations for Vincent Driessen's branching model.
There are a handful of different Git workflows out there. A few years ago I mostly heard of Git Flow. But now even the original creator discourages using Git Flow for most web apps on his website:
-
Next.js (as most popular React framework)
-
Jest (as most popular React testing framework)
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
For custom styles, CSS-in-JS solutions have been on the rise for some time with styled-components being the most popular and Emotion quickly picking up. Both are very similar so it doesn't really matter which one you pick. If you don’t want to create all components from scratch you can use custom styles in combination with a headless component library like Headless UI.
-
Step 4 is automated with a Continuous Integration (CI) tool. Nowadays GitHub Actions seems to gain more and more popularity because of its simple integration with GitHub.
-
A linter like ESLint statically analyzes your code, detects problematic patterns, and enforces best practices. It can warn you that your code contains bugs before you release it. Like in this example:
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
