Skip to content

Instantly share code, notes, and snippets.

@iansu

iansu/README.md

Last active March 1, 2021 08:40
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save iansu/282dbe3d722bd7231fa3224c0f403fa1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save iansu/282dbe3d722bd7231fa3224c0f403fa1 to your computer and use it in GitHub Desktop.
Download ZIP
Create React App 4.0 Alpha Testing
Raw
README.md

Create New App

JavaScript Template

npx create-react-app@next --scripts-version=@next --template=cra-template@next my-js-app

TypeScript Template

npx create-react-app@next --scripts-version=@next --template=typescript@next my-ts-app

Update Existing App

To update an existing app you can change the react-scripts version in package.json to next and then run yarn or npm install

Changes

You can see a list of all the changes in the 4.0 release here

@jrr
Copy link

jrr commented Sep 17, 2020

Tried out 4.0.0-next.98 today (coming from 3.4.3) in a medium-sized typescript monorepo. Our app builds and runs just fine.

Unfortunately some of our Jest tests broke. It looks like ts-jest is no longer getting used. Previously (with CRA3) we were able to specify a transform in the jest section of package.json like this:

    "transform": {
      "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/ts-jest"
    },

This allowed us to use TypeScript features not supported by Babel (like emitDecoratorMetadata for TypeORM).

Looking at the v3.4.1...master diff, I'm not sure what broke it. Perhaps something about Jest 26?

@iansu
Copy link
Author

iansu commented Sep 17, 2020

Please do not report issues here. Open an issue in the repo so we can address them properly: https://github.com/facebook/create-react-app/issues

@wunnle
Copy link

wunnle commented Sep 23, 2020

So excited about this! Can't wait to use Fast Refresh and new JSX transform ⚛️

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment