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: 3 days ago
JSON representation
-
Articles
- React / Create React App — but I Don't Wanna Eject
- How to Get "Create-React-App" to Work With Your Rails API
- How You Can Use React-Toolbox With Create-React-App
- Tip: Create React App and SASS
- 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
- 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 Use Ant Design With Create-React-App
- Creare React App - now.sh
- How to Get "Create-React-App" to Work With Your Rails API
- Jumpstate + Redux + Create-React-App — No Dispatching or Action-Creators Required!
-
Alternatives
- 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).
- React App Rewired - Configure the unconfigurable, override create-react-app webpack configs.
- 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.
- 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.
- Create React App README
- zeit/next.js - Framework for server-rendered React apps.
- motion - A simple CLI for running React projects.
-
Tools
- CRA Generate: Scaffold a React Component - Scaffold a React component.
- CRA Universal CLI - CLI for SSR Create React App, without eject
- CRAFT: Create React App From Template - Create-React-App from the template
-
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.
-
Deployment
- Create React App Buildpack
- Creare React App - now.sh
- 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
-
React Scripts Versions
- 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
- 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.
- Maintaining a fork of react-scripts as an alternative to ejecting #682
-
FAQ
-
How to Use Multiple Env Configs
-
Advanced Configuration
-
Lazy Loading
-
How to Setup Root Dir for Require
-
-
Create-React-App General Resources
-
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
-
HMR (Hot Module Replacement)
-
How to Use Custom Babel Presets
- Adding support for custom babel configuration #1357
- Decorators
- stage-0 preset
- 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
- doesn’t support decorator syntax
- Decorators
- I'm happy to add decorators after they've moved to stage 3
- I'm happy to add decorators after they've moved to stage 3
- @dan_abramov
- 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.
- doesn’t support decorator syntax
- Adding support for custom babel configuration #1357
- babel-preset-react-app
-
How to Add Custom Webpack Plugins?
-
How to Change Webpack Entry Point and Output Dir?
-
Watching Build Mode on Create React App
-
Programming Languages
Categories
Sub Categories
Keywords
react
14
create-react-app
9
webpack
7
javascript
5
babel
3
ssr
3
server-side-rendering
3
static-site-generator
2
graphql
2
compiler
2
blog
2
node
2
reactjs
2
universal
2
cli
2
frontend-playground
1
aik
1
tooling
1
minimalist
1
jsx
1
flowtype
1
web-app
1
inferno
1
karma
1
gatsby
1
npm-module
1
preact
1
unmaintained
1
inactive
1
never
1
eject
1
config
1
react-scripts
1
zeit
1
now
1
spa
1
heroku-buildpack
1
react-component
1
heroku
1
buildpack
1
toolkit
1
mobx
1
craft
1
zero-config
1
nodejs
1
secret-management
1
secret-manager
1
secrets
1
security-tools
1
cross-env
1