 |
 |
 |
 |
 |
|---|---|---|---|---|
| Edge+ | latest | latest | latest | latest |
Create api, components, containers, routes, action, sagas and mock - and jest tests - right from the CLI!
With the HMR, all the JS/CSS/HTML changes are reflected instantaneously without refreshing the page. Preserve application state even when you update something in the underlying code!
With the ES6 syntax, you can use template strings, object destructuring, arrow functions, JSX syntax and more.
Write composable CSS that's co-located with your components for complete modularity. Unique generated class names keep the specificity low while eliminating style clashes. Ship only the styles that are on the page for the best performance.
It's natural to want to add pages (e.g. /contact) to your application, and routing makes this possible.
Focus on writing new features without worrying about formatting or code quality. With the right editor setup, your code will automatically be formatted and linted as you work.
The next frontier in performant web apps: availability without a network connection from the instant your users load the app.
But don't read too fast... there's more!
-
The best test setup: Automatically generation the jest scaffolding test for our component, to have the best code quality and non-breaking changes.
-
The fastest fonts: Say goodbye to vacant text.
-
Stay fast: Profile your app's performance from the comfort of your command line!
-
Catch problems: AppVeyor setup included by default, so your tests get run automatically on Windows and Unix.
-
Node (version >= 10.0.x)
-
Yarn (version >= 1.19.x)
Make sure you have Node 10.0.0 or above and Yarn 1.19.0 or above installed.
- Clone the repo using
git clone git@github.com:barthachijuu/FeReactArk.git - Move to the appropriate directory
cd FeReactArk - Install dependencies and check to see it works. It is recommended that you use Yarn for deterministic installs, but
npm run setup --project=projectNamewill work just as wellyarn setup --project=projectName - At this point, you can launch
yarn startand navigate onhttp://localhost:4200to see the project started
Now you're ready to enjoy with your new project
Please note that this boilerplate is not meant for beginners! If you're just starting out with react or redux, please refer to https://github.com/petehunt/react-howto instead. If you want a solid, battle-tested base to build your next product upon and have some experience with react, this is the perfect start for you.
- Let's Kickstart with
FeReactArk: An introduction guide for noobies, to this boilerplate. - Overview: A short overview of the included tools
- Commands: Getting the most out of this boilerplate
- Testing: How to work with the built-in test harness
- Styling: How to work with the CSS tooling
- Your app: Supercharging your app with Routing, Redux, simple asynchronicity helpers, etc.
- Troubleshooting: Solutions to common problems faced by developers.
This project is free, open source and I try to provide excellent free support. Why donate? I work on this and other project for several hours in my spare time between my job and my lovely family, and try to keep it up to date and working. THANK YOU!
Support this project by becoming a sponsor. 🙏 Become a sponsor on patreon or become top3 sponsor on ko-fi. Your logo will show up here with a link to your website.
Thank you to all our backers! 🙏 Become a backer on patreon.
Thanks goes to these wonderful people (emoji key):
 Bartolo Amico 💻 🖋 📖 🤔 🚇 🚧 🔌 📆 |  gbonumore 💻 🖋 🎨 📖 |
This project follows the all-contributors specification. Contributions of any kind welcome!
This project is licensed under the MIT license, Copyright (©) 2019 Bartolomeo Amico. For more information see LICENSE.md