Front-end Engineer in 2021

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  • The three most common Front-end frameworks are React, Angular, and Vue, and they're going to be around for a long time. The fight right now is between Facebook's React and Vue. Vue currently has over 180k stars on Github while React is at 165k stars, However, React has over 10.4m weekly downloads while Vue is at 2.3m downloads per week. In conclusion, React is more popular than Vue with about 80%.

  • Yup

    Dead simple Object schema validation

  • Yup: This is a JavaScript schema builder for value parsing and validation.

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

    SurveyJS logo
  • match-sorter

    Simple, expected, and deterministic best-match sorting of an array in JavaScript

  • Match Sorter

  • Gatsby

    The best React-based framework with performance, scalability and security built in.

  • Gatsbyjs (React based)

  • vuetify

    🐉 Vue Component Framework

  • Vuetify: Vuetify is another Google's material design standard library, same as Material UI but for Vuejs.

  • chakra-ui-vue

    ⚡️ Build scalable and accessible Vue.js applications with ease.

  • Chakra UI Vue: This is just a Chakra UI library for building Vuejs applications.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • Tailwindcss.

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

    InfluxDB logo
  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

  • Storybook js: This is an open-source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient. An alternative to Storybookjs is Bit.

  • react-hook-form

    📋 React Hooks for form state management and validation (Web + React Native)

  • React-hook-form (React-based): This is a Performant, flexible, and extensible form validation library.

  • Nuxt.js

    Discontinued Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]

  • Nuxtjs (Vue based)

  • Next.js

    The React Framework

  • Nextjs (React based)

  • mocha

    ☕️ simple, flexible, fun javascript test framework for node.js & the browser

  • Chai and Mocha.

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  • Material UI: This is by far the most popular UI Library out there with a lot of components to handle nearly everything you need to build your application. You must also note that customization can be tedious.

  • jest

    Delightful JavaScript Testing.

  • Jest.

  • Gridsome

    ⚡️ The Jamstack framework for Vue.js

  • Gridsome (Vue based)

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  • Bootstrap.

  • formik

    Discontinued Build forms in React, without the tears 😭 [Moved to: https://github.com/jaredpalmer/formik]

  • Formik (React-based): Formik is one of the most popular forms validation libraries.

  • Enzyme

    JavaScript Testing utilities for React

  • Enzyme.

  • docsearch

    :blue_book: The easiest way to add search to your documentation.

  • Algolia Docsearch

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • Chakra UI: Chakra UI is another goto library for building react applications with speed and flexibility if you prefer to style your components with props.

  • Bulma

    Modern CSS framework based on Flexbox

  • Bulma.

  • antd

    An enterprise-class UI design language and React UI library

  • Ant Design: This is more of a slick and minimal design-focused UI library with a lot of components to handle nearly everything you need to build your application.

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

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts