react-fission
react-fission copied to clipboard
vitor-mariano
Start a New ReactJS Project
A powerful starting project for ReactJS.
Powerful Features
React Fission follows the best practices and use powerful libraries for ReactJS, as listed below.
- Airbnb JavaScript Style Guide
- Redux - Predictable state container for JavaScript apps
- Redux Persist - Persist and rehydrate a redux store
- Reduxsauce - Provides a few tools for working with Redux
- React Router - Declarative routing for React
- Apisauce - Talk with API without pain
- Redux Saga - An alternative side effect model for Redux
- React Intl - Internationalize React apps
- React Retina - React component to serve Hi-Res images
- Ramda - Practical Functional JavaScript
- Webpack - An awesome web app bundler
- Jest - Painless JavaScript Testing
- CSS Modules
- Husky - Git hooks to prevent bad commits
Instalation
You must install the CLI
| NPM | Yarn |
|---|---|
npm install -g react-fission-cli |
yarn global add react-fission-cli |
and start a new React Fission project.
fission new your-project-name
Open your new project folder
cd your-project-name
and start the development server.
| NPM | Yarn |
|---|---|
npm run dev -- --open |
yarn dev --open |
The application will be available at localhost:8000.
The parameter --open is optional. It makes your navigator open a new tab with localhost:8000.
Building the app
Run the command
| NPM | Yarn |
|---|---|
npm run build |
yarn build |
The files will be compiled inside public folder. This is your app folder and you must use this
to publish your app in production.
Available commands
| NPM | Yarn |
|---|---|
npm run command |
yarn command |
| Command | Description |
|---|---|
build |
Build the app using webpack. |
dev |
Start the webpack development server. |
fixcode |
Fix basic linter issues. |
lint |
List all linter issues. |
test |
Run tests. |
License
React Fission is open-sourced software licensed under the MIT license.
vitor-mariano