Architecture: Web app[front-end] from scratch 2021

This page summarizes the projects mentioned and recommended in the original post on dev.to
React PostCSS TypeScript JavaScript CSS

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

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • Why we have to consider typescript nowadays in the web app. even though has a modern javascript.

  • styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

    • CSS-in-JS (Popular one)

  • 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

  • storybook

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

    • Design documentation tools: Storybook styleguidist

  • Sass

    Sass makes CSS fun!

    • SASS

  • react-styleguidist

    Isolated React component development environment with a living style guide

    • Design documentation tools: Storybook styleguidist

  • Atomizer

    A library to create small, reusable CSS that scales as your website grows.

    • Atomic CSS(New one (Facebook using this))

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