Build Tools For React

I’ll start with the more important, conceptual differences between Snowpack and Parcel and move on to things like running Snowpack, getting Sass compiling quickly, and getting module import paths for scripts working.

Non-opinionated by design, the React library benefits from the use of boilerplates, pieces of code that act as a logical starting point while beginning development with any technology. In this article, we will look at five such boilerplates for React and explore their strengths and weaknesses.

A comparison between Rollup and Webpack for React apps.

How I upgraded my project to React 17 and Webpack 5.

First off: this is mostly a reference for myself. I find myself quite often needing to prototype something really quick, sometimes even build an “MVP” of something I can put out into the world for feedback.

In this guide, we’ll analyze two frameworks that help developers in the full-stack application world strive toward these goals: Blitz.js and RedwoodJS.

For a long time Webpack was one of the biggest barriers-to-entry for someone wanting to learn React. There's a lot of boilerplate configuration that can be confusing, especially if you're new to React.

When starting a new React project, there are a bevy of options available. Each has its own merits and shortcomings that leave room for comparison.

In this guide, I’ll introduce you to RedwoodJS, a full-stack JAMstack framework built on React, GraphQL, and Prisma, and demonstrate how to use some of its key features.

Create React app has become the defacto standard for building React applications. With a standard comes inflexibility. The ecosystem of the JavaScript world has expanded greatly and sometimes you want to build upon the standard.s

React apps without a build step; no node_modules, no webpack, no babel, no worries. Scalable architecture for free using the platform.

In this talk, we'll discuss why truly intuitive tooling doesn't exist, go over some common misconceptions in the React community and learn more inclusive ways to talk about emerging frontend technologies.

Fair warning! This isn't a speedy, straightforward, expert-driven plow-through of how to set up these technologies. Although, by the end, we do successfully get it all going. This is about documenting the real-world experience of doing this kind of work. Some things work easily, some don't.

The last beta of create-react-app v2 has been published. Let's see how you can use babel-plugin-macros in a create-react-app app and how to write your own.

Your app is bigger and slower than it needs to be. Without rewriting app code we can squeeze more performance out of your code by tweaking Webpack and Babel. These tools are immensely powerful but it’s a delicate dance to get them to play nice. This talk is full of tips and tricks to get you there.

Asking folks to keep with your config is can be hard, presets are the solution.

One result of the runaway success of Webpack is the rise of multi-megabyte megabundles. Many of the React apps we write don’t make use of widespread platform improvements like CDNs, caching, and HTTP/2. But we could if we just knew how. In this lightning talk, I show you a quick trick to slash your React bundle sizes and improve your TTI.

Learn to build real-world applications using modern React! Much more than an intro, you’ll start from the ground up, getting all the way to using the latest features in React, including hooks, effects, context, and portals.

Learn to build real-world applications in React!

Discover how to optimize your web applications using the webpack JavaScript module bundler

Build React-based applications and add features to them using Webpack

Sebastian McKenzie is a Software Engineer at Facebook and the creator of Babel and Yarn. He joins us on The Undefined to chat about the ups and downs of open source software, what it's like to work at Facebook, and a brand new toolchain he's working on that blurs the lines between JavaScript transpiler, bundler, and framework.

In this episode of React Round Up, the panel discusses Webpack the good parts with Juho Vepsäläinen. He talks a lot about the book he has written on Webpack, which helps people understand Webpack and how to work with it. They also discuss the advantages to using Webpack and discuss how you can use it in your coding to your benefit.

Next-generation ES module bundler.

A JavaScript library for building React applications in more functional way. Alternative to JSX.

A bundler for javascript and friends

A JavaScript parser

Babel compiler core

Radium is a set of tools to manage inline styles on React elements. It gives you powerful styling capabilities without CSS.

Haul is a command line tool for developing React Native apps, powered by Webpack

Blazing fast, zero configuration web application bundler

Document & develop React components without breaking a sweat.

A JavaScript bundle optimizer