Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Import Strategies for Performance Optimization⚡
2 projects | dev.to | 29 Nov 2022
A Simple App with TypeScript, React and Styled Components - Part 1: setting up the tools
6 projects | dev.to | 28 Nov 2022
The first step is to use create-react-app to generate a simple application as a starting point. create-react-app spares us the work of configuring several build tools, and makes our life easier. Among many others, it will automatically set up Webpack and Babel(configured to compile TypeScript), as well as web-vitals. All of this in a single command!
Getting Tailwind to Work with Elm Book
12 projects | dev.to | 28 Nov 2022
Most front-end frameworks nowadays include these features as part of their CLI’s such as Create React App, Angular’s ng-cli, etc. For those that don’t, many will use a combination of some type of bundler like Parcel, Rollup, or Webpack and a browser refresher like livereload. This enables you to write code, save it, and immediately see the results. This in turn leads to fast feedback as you iterate all day in this build loop. The native Elm Reactor doesn’t offer this ability and elm-live fits the bill as a small Node.js library to enable this.
3 projects | dev.to | 26 Nov 2022
If your project uses a bundler like webpack or rollup, then you can use the nullish coalescing operator in your code. But if you are using a browser, then you should use a transpiler like babel to transpile your code to ES5. You can use babel repl to transpile your code.
Une application simple avec TypeScript, React et les Styled Components
7 projects | dev.to | 25 Nov 2022
54 projects | dev.to | 23 Nov 2022
This part will be kept short as setting up webpack can be a tedious process and might be a turn-off to developers who are already overwhelmed by the barrage of new things they have to learn for front end development. In a nutshell, webpack is a module bundler that compiles a front end project and its dependencies into a final bundle to be served to users. Usually, projects will already have the webpack configuration set up and developers rarely have to change it. Having an understanding of webpack is still a good to have in the long run. It is due to webpack that features like hot reloading and CSS modules are made possible.
9 projects | dev.to | 9 Nov 2022
WEBPACK: Webpack helps you in loading your modules with some dependencies like .js,.css,.html etc. Webpack works as a bundler which bundles your similar kind of files into a single precise file. Great for DevOps peeps looking for a easy way to organize and pack their deployment files. For more info: https://webpack.js.org/
Next.js 13 is here
3 projects | dev.to | 6 Nov 2022
Getting Started With Parcel.js: A Web Application Bundler in 2022
7 projects | dev.to | 2 Nov 2022
Webpack is the most popular bundler and it followed on the heels of Require.js, Rollup, and similar solutions. But the learning curve for a tool like webpack is steep. Getting started with webpack isn’t easy due to its complex configurations. As a result, in recent years another solution has emerged. This tool is not necessarily a front-runner, but an easier-to-digest alternative on the front-end module bundler landscape. Introducing Parcel.js.
the new next is here
3 projects | dev.to | 28 Oct 2022
What are some alternatives?
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
vite - Next generation frontend tooling. It's fast!
Rollup - Next-generation ES module bundler
parcel - The zero configuration build tool for the web. 📦🚀
react-app-rewired - Override create-react-app webpack configs without ejecting
gulp - A toolkit to automate & enhance your workflow
Snowpack - ESM-powered frontend build tool. Instant, lightweight, unbundled development. ✌️ [Moved to: https://github.com/FredKSchott/snowpack]
Microbundle - 📦 Zero-configuration bundler for tiny modules.
FuseBox - A blazing fast js bundler/loader with a comprehensive API :fire:
pkg - Package your Node.js project into an executable