Need advice about which tool to choose?Ask the StackShare community!

Create React App

980
917
+ 1
4
Webpack

32.8K
22.3K
+ 1
750
Add tool
Decisions about Create React App and Webpack
Aleksandr Filatov
Contract Software Engineer - Microsoft · | 4 upvotes · 133.4K views
Why migrated?

I could define the next points why we have to migrate:

  • Decrease build time of our application. (It was the main cause).
  • Also jspm install takes much more time than npm install.
  • Many config files for SystemJS and JSPM. For Webpack you can use just one main config file, and you can use some separate config files for specific builds using inheritance and merge them.
See more

We mostly use rollup to publish package onto NPM. For most all other use cases, we use the Meteor build tool (probably 99% of the time) for publishing packages. If you're using Node on FHIR you probably won't need to know rollup, unless you are somehow working on helping us publish front end user interface components using FHIR. That being said, we have been migrating away from Atmosphere package manager towards NPM. As we continue to migrate away, we may publish other NPM packages using rollup.

See more
Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of Create React App
Pros of Webpack
  • 2
    No config, easy to use
  • 2
    Maintained by React core team
  • 308
    Most powerful bundler
  • 182
    Built-in dev server with livereload
  • 142
    Can handle all types of assets
  • 87
    Easy configuration
  • 21
    Laravel-mix
  • 4
    Overengineered, Underdeveloped
  • 2
    Webpack-Encore
  • 2
    Makes it easy to bundle static assets
  • 1
    Redundant
  • 1
    Better support in Browser Dev-Tools

Sign up to add or upvote prosMake informed product decisions

Cons of Create React App
Cons of Webpack
  • 1
    No SSR
  • 12
    Hard to configure
  • 3
    No clear direction
  • 2
    Spaghetti-Code out of the box
  • 2
    SystemJS integration is quite lackluster
  • 2
    Loader architecture is quite a mess (unreliable/buggy)
  • 2
    Fire and Forget mentality of Core-Developers

Sign up to add or upvote consMake informed product decisions

- No public GitHub repository available -

What is Create React App?

Create React apps with no build configuration.

What is Webpack?

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through "loaders" modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Create React App?
What companies use Webpack?
See which teams inside your own company are using Create React App or Webpack.
Sign up for Private StackShareLearn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Create React App?
What tools integrate with Webpack?

Sign up to get full access to all the tool integrationsMake informed product decisions

Blog Posts

What are some alternatives to Create React App and Webpack?
Next.js
Next.js is a minimalistic framework for server-rendered React applications.
Create React Native App
Create React Native App allows you to work with all of the Components and APIs in React Native, as well as most of the JavaScript APIs that the Expo App provides.
Expo
It is a framework and a platform for universal React applications. It is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps.
Brunch
Brunch is an assembler for HTML5 applications. It's agnostic to frameworks, libraries, programming, stylesheet & templating languages and backend technology.
React Native
React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.
See all alternatives