Automated Frontend Workflow

Developer Tools Code Coverage Design Tools

Webpack Landing Page
1

Webpack

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Pricing:
- Open Source
An automated frontend workflow is a set of processes and tools that are used to manage and streamline the development of a website or application. This typically involves tasks such as code linting (e.g. Prettier, ESLint), building, testing (e.g. Jest), and deployment, and is designed to make it easier for developers to work on the front end without having to worry about these details. Automated frontend workflows can be created using a variety of tools, such as build tools (e.g. Webpack, Vite), and continuous integration platforms (e.g. Jenkins, GitHub Actions).

#Web Application Bundler #JS Build Tools #Module Bundler 219 social mentions
Vue.js Landing Page
2

Vue.js

Reactive Components for Modern Web Interfaces
Pricing:
- Open Source
Vue: An approachable, performant, and versatile framework for building web user interfaces.

#Front-End Frameworks #Javascript UI Libraries #JS Library 341 social mentions
Vitest Landing Page
3

Vitest

A blazing fast unit test framework powered by Vite
Pricing:
- Open Source
After installation, it will generate a lefthook.yml file which can be customized to perform a static code analysis before committing the code. For example, it can ensure that the git commit follows the git-conventional-commits, and use Prettier, ESLint, and Stylelint to check, format, and fix any file which will be committed and run any test related with Vitest depending on the filetype and run each in parallel.

#Dev Ops #Build, Test, Deploy #Testing Frameworks 40 social mentions
Vite Landing Page
4

Vite

Next Generation Frontend Tooling
Pricing:
- Open Source
An automated frontend workflow is a set of processes and tools that are used to manage and streamline the development of a website or application. This typically involves tasks such as code linting (e.g. Prettier, ESLint), building, testing (e.g. Jest), and deployment, and is designed to make it easier for developers to work on the front end without having to worry about these details. Automated frontend workflows can be created using a variety of tools, such as build tools (e.g. Webpack, Vite), and continuous integration platforms (e.g. Jenkins, GitHub Actions).

#Software Development #Web Frameworks #Developer Tools 373 social mentions
stylelint Landing Page
5

stylelint

stylelint is a modern CSS linter
Pricing:
- Open Source
After installation, it will generate a lefthook.yml file which can be customized to perform a static code analysis before committing the code. For example, it can ensure that the git commit follows the git-conventional-commits, and use Prettier, ESLint, and Stylelint to check, format, and fix any file which will be committed and run any test related with Vitest depending on the filetype and run each in parallel.

#Developer Tools #Code Analysis #Code Coverage 24 social mentions
Storybook Landing Page
6

Storybook

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.
Pricing:
- Open Source
Storybook: Storybook is a frontend workshop for building UI components and pages in isolation.

#React #React Components #Developer Tools 204 social mentions
Sass Landing Page
7

Sass

Syntatically Awesome Style Sheets
Pricing:
- Open Source
#Developer Tools #Design Tools #Javascript UI Libraries 131 social mentions
Prettier Landing Page
8

Prettier

An opinionated code formatter
Pricing:
- Open Source
An automated frontend workflow is a set of processes and tools that are used to manage and streamline the development of a website or application. This typically involves tasks such as code linting (e.g. Prettier, ESLint), building, testing (e.g. Jest), and deployment, and is designed to make it easier for developers to work on the front end without having to worry about these details. Automated frontend workflows can be created using a variety of tools, such as build tools (e.g. Webpack, Vite), and continuous integration platforms (e.g. Jenkins, GitHub Actions).

#Developer Tools #Code Analysis #JavaScript Framework 254 social mentions
GitHub Landing Page
9

GitHub

Originally founded as a project to simplify sharing code, GitHub has grown into an application used by over a million people to store over two million code repositories, making GitHub the largest code host in the world.
Pricing:
- Open Source
After creating the workflow, you can go to your GitHub repo and run it manually to check the results. You can trigger this action by clicking in the Actions Tab -> Code scanning Workflow -> Run workflow Dropdown -> Run workflow Button.

#Code Collaboration #Git #Version Control 2033 social mentions
BEM Landing Page

10

BEM

BEM — Block Element Modifier is a methodology, that helps you to achieve reusable components and code sharing in the front-end.

Create a .stylelintrc file extending these configs. It is included an optional rule to check if the CSS selector follows the BEM Name Convention.

#Developer Tools #Design Tools #CSS Framework 42 social mentions
ESLint Landing Page
11

ESLint

The fully pluggable JavaScript code quality tool
Pricing:
- Open Source
An automated frontend workflow is a set of processes and tools that are used to manage and streamline the development of a website or application. This typically involves tasks such as code linting (e.g. Prettier, ESLint), building, testing (e.g. Jest), and deployment, and is designed to make it easier for developers to work on the front end without having to worry about these details. Automated frontend workflows can be created using a variety of tools, such as build tools (e.g. Webpack, Vite), and continuous integration platforms (e.g. Jenkins, GitHub Actions).

#Code Coverage #Developer Tools #Code Quality 227 social mentions