awesome-create-react-app
Awesome list of Create React App articles / tutorials / videos and FAQ
https://github.com/tuchk4/awesome-create-react-app
Last synced: 20 days ago
JSON representation
Alternatives
- Create React Scripts - Easily extend the react-scripts from create-react-app to your own version of react-scripts. Package for SSR, Less, Sass, Workbox(PWA), VendorDll are included.
- React App Rewired - Configure the unconfigurable, override create-react-app webpack configs.
- insin/nwb - A toolkit for React, Preact & Inferno apps, React libraries and other npm modules for the web, with no configuration (until you need it).
- mozilla/neo - Create and build React web applications with zero initial configuration and minimal fuss.
- NYTimes/kyt - Drowning in Webpack configs? Try this build, test and development tool for advanced JavaScript apps.
- gatsbyjs/gatsby - Transform plain text into dynamic blogs and websites using React.
- enclave - A simpler way to compile React applications.
- quik - A quick way to prototype and build apps with React and Babel with zero-setup.
- sagui - Front-end tooling in a single dependency.
- roc - Modern JavaScript Development Ecosystem.
- aik - Frontend Playground.
- react-app - CLI tools and templates for authoring React applications with a single dev dependency and no configurations.
- dev-toolkit - Development Toolkit for React Veterans.
- tarec - The Awesome React Cli.
- zeit/next.js - Framework for server-rendered React apps.
- motion - A simple CLI for running React projects.
Articles
- Learning React With Create-React-App (Part 1)
- Learning React With Create-React-App (Part 2)
- Learning React With Create-React-App (Part 3)
- Learning React With Create-React-App (Part 4)
- How to Create ClojureScript App
- How to Create Elm App
- Using Create-React-App With React Router + Express.js
- Adding Hot Module Reloading to Create React App
- How to Build an Electron App Using Create-React-App. No Webpack Configuration Or "Ejecting" Necessary
- Tip: Create React App and SASS
- React / Create React App — but I Don't Wanna Eject
- Jumpstate + Redux + Create-React-App — No Dispatching or Action-Creators Required!
- Getting Started With Create React App and AVA
- Using Rekit to Quickly Create a React App
- An Almost Static Stack
- Upgrading a create-react-app project to SSR + code splitting
- Cabin: 7 Tutorials That Teach You How to Build a Feature-Rich, Scalable Social Network App Using React and Redux
- How to Get "Create-React-App" to Work With Your Rails API
- How You Can Use React-Toolbox With Create-React-App
- Creare React App - now.sh
- How to Get "Create-React-App" to Work With Your Rails API
- How to Use Ant Design With Create-React-App
- How to Build an Electron App Using Create-React-App. No Webpack Configuration Or "Ejecting" Necessary
- Learning React With Create-React-App (Part 1)
- Learning React With Create-React-App (Part 2)
- Learning React With Create-React-App (Part 3)
- Upgrading a create-react-app project to SSR + code splitting
- Getting Started With Create React App and AVA
CRAFT Templates
- File API Input Layer - File Upload Tempalte
- An Almost Static Stack. CRA + react-snapshot - Bridge the gap between static sites and single page apps.
- CRA + Redux - Create React App Template with Redux and Router
- Craft Template - MobX + React Router - CRA Template with Mobx and Router
- CRA + Progressive Web App goodness - Progressive Web App tempalte.
Create-React-App General Resources
Deployment
- Surge VS GitHub Pages: How to Deploy A Create-React-App Project
- How to Deploy a Create-React-App (Nginx)
- Zero Configuration Deployment for React Apps With Zeit's Now and Now-Deploy
- Heroku: Deploying React With Zero Configuration
- Netlify: Deploy React Apps in Less Than 30 Seconds
- Create React App Buildpack
- Creare React App - now.sh
- Surge VS GitHub Pages: How to Deploy A Create-React-App Project
FAQ
Advanced Configuration
How to Setup Root Dir for Require
- src/node_modules as official solution for absolute imports #1065
- resolve.modules
- src/node_modules as official solution for absolute imports #1065
How to Use Multiple Env Configs
Lazy Loading
HMR (Hot Module Replacement)
How to Add Custom Webpack Plugins?
How to Change Webpack Entry Point and Output Dir?
- comment
- Fix- react-scripts build doesn't allow for specified path #1362
- comment
- Fix- react-scripts build doesn't allow for specified path #1362
How to Use Custom Babel Presets
- doesn’t support decorator syntax
- Adding support for custom babel configuration #1357
- Decorators
- stage-0 preset
- I'm happy to add decorators after they've moved to stage 3
- Bind proposal hasn't been updated in a long time and doesn't appear to progress. Might not make it at all either.
- Imagine the horror of building / maintaining an app that relies on dead syntax features five years from now.
- babel-preset-react-app
- Decorators
- doesn’t support decorator syntax
- Adding support for custom babel configuration #1357
- babel-preset-react-app
- stage-0 preset
Watching Build Mode on Create React App
React Scripts Versions
- Maintaining a fork of react-scripts as an alternative to ejecting #682
- Custom React Scripts - Configuration and scripts for Create React App.
- React Scripts Web - React-scripts built using create-react-scripts, supports workbox(PWA), vendorDll, babelrc and eslintrc.
- React Super Scripts - Adds super powers to create-react-app and allows custom configs without ejecting.
- React Scripts (Isomorphic) - Provides configuration for FLM's isomorphic React apps.
- Create React App Sass - Enhances create-react-app to include support for Sass.
- Typescript React Starter - CRA scripts version maintained by Microsoft's team to start apps with Typescript.
- React Scripts With SSR - Adds server-side rendering to create-react-app projects.
- Maintaining a fork of react-scripts as an alternative to ejecting #682
Tools
- CRAFT: Create React App From Template - Create-React-App from the template
- CRA Generate: Scaffold a React Component - Scaffold a React component.
- CRA Universal CLI - CLI for SSR Create React App, without eject
Tweaking Configuration
Video Tutorials
- Getting Started With React With Create React App
- Create React App - What's All the Fuss About?
- Create React App With ExpressJS and Now
- Migrate to Create React App
- Use Create-React-App to Setup a Simple React App
- Why I Love Create React App (React Allicante 2017)
- Use Create-React-App to Setup a Simple React App