To use an SVG sprite, you should now do like the following: https://github.com/Neverbland/neverbuild/blob/master/src/components/header.js#L9 This is due to a change on SVG Sprite Loader.
Kickstarts a new React app
The Webpack configuration sits in our Create React App fork for easier maintainability.
This repository is intended to replace the /template folder of Create React App.
This package includes scripts and configuration used by Create React App.
Please refer to its documentation:
- User Guide – How to develop apps bootstrapped with Create React App.
- Every Create React App features
- React Router
- SCSS
- SVG sprites
- Assets optimisation (png, jpg, svg, ...)
- Automatic polyfilling (using Polyfill.io)
Install the project.
Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
By default, it also includes a service worker so that your app loads from local cache on future visits.
We use EditorConfig for code consistency. Please see below to add support to your editor.
We use BEM across our projects.
- Lint SCSS:
npm run lint:scss
We use Polyfill.io to polyfill missing Javascript functionality. Simply add any missing functionality by appending the polyfill.io url in src/public/index.html with the feature you need.
- ESLint (Atom Plugin/Sublime Plugin)
- SASS Lint (Atom Plugin/Sublime Plugin)
- EditorConfig (Atom Plugin/Sublime Plugin)
- Beautifier (Atom Plugin)