Unverified Commit 34c8ac78 authored by Duy Phan's avatar Duy Phan Committed by GitHub
Browse files

Update README.md

No related merge requests found
Showing with 5 additions and 140 deletions
+5 -140
<img width="914" alt="React Boilerplate Meets CRA" src="https://user-images.githubusercontent.com/3495307/80274591-2d5daa00-86e4-11ea-8fba-404f1cdba87e.png" align="center">
<br />
Inspired by https://github.com/react-boilerplate/react-boilerplate/issues/2906
<div align="center" >Crafted for <strong>highly scalable</strong> & <strong>performant</strong> and <strong>easily maintainable</strong> React.js applications <br />
with a focus on
<strong>best DX</strong> and <strong>best practices</strong>.
</div>
My customs:
<br />
<div align="center">
<a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/actions?query=workflow%3Abuild">
<img src="https://github.com/react-boilerplate/react-boilerplate-cra-template/workflows/build/badge.svg" alt="Build Status" />
</a>
<a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/actions?query=workflow%3Atests">
<img src="https://github.com/react-boilerplate/react-boilerplate-cra-template/workflows/test/badge.svg" alt="Tests Status" />
</a>
<a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/actions?query=workflow%release">
<img src="https://github.com/react-boilerplate/react-boilerplate-cra-template/workflows/release/badge.svg" alt="Release Status" />
</a>
</div>
<div align="center">
<a href="https://coveralls.io/github/react-boilerplate/react-boilerplate-cra-template">
<img src="https://coveralls.io/repos/github/react-boilerplate/react-boilerplate-cra-template/badge.svg?branch=master" alt="Coverage" />
</a>
<a href="https://opencollective.com/react-boilerplate">
<img src="https://opencollective.com/react-boilerplate/backers/badge.svg" alt="Backers" />
</a>
<a href="https://opencollective.com/react-boilerplate/">
<img src="https://opencollective.com/react-boilerplate/sponsors/badge.svg" alt="Sponsors" />
</a>
</div>
<br />
---
The official [Create React App](https://github.com/facebook/create-react-app) template of [React Boilerplate](https://github.com/react-boilerplate/react-boilerplate)
![](https://img.shields.io/github/stars/react-boilerplate/react-boilerplate?style=flat)
Start your `create-react-app` projects in seconds with the best, industry-standard tools and practices made ready for you.
**📚Documentation:** [Gitbook](https://cansahin.gitbook.io/react-boilerplate-cra-template/)
**🎨 Check the example app:** [Boilerplate Example Application](https://react-boilerplate.github.io/react-boilerplate-cra-template/)
**🚑 Collection of `'HOW TO'`s:** [Examples & Tutorials for common patterns](https://github.com/react-boilerplate/cra-template-examples)
**📦 Package:** [npm](https://www.npmjs.com/package/cra-template-rb)
![version](https://img.shields.io/npm/v/cra-template-rb)
![version](https://img.shields.io/npm/dm/cra-template-rb)
---
## Install & Start
Create React App with the template
```shell
npx create-react-app --template cra-template-rb my-app
```
Start and check our example app, if you want
```shell
cd my-app
yarn start
```
Remove the example app to start your project!
```shell
yarn cleanAndSetup
```
## Features
<dl>
<dt>Predictable state management</dt>
<dd>Unidirectional data flow allows for change logging and time travel debugging.</dd>
<dt>Instant feedback</dt>
<dd>Enjoy the best DX (Developer eXperience) and code your app at the speed of thought! Your saved changes to the CSS and JS are reflected instantaneously without refreshing the page. Preserve application state even when you update something in the underlying code!</dd>
<dt>Next generation CSS</dt>
<dd>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.</dd>
<dt>Industry-standard routing</dt>
<dd>It's natural to want to add pages (e.g. `/about`) to your application, and routing makes this possible.</dd>
<dt>Industry-standard i18n internationalization support</dt>
<dd>Scalable apps need to support multiple languages, easily add and support multiple languages.</dd>
<dt>Typescript</dt>
<dd>Typescript is the key to scalability. Build self-documented code, easy-to-debug code and create maintainable large applications and codebases with a highly productive development experience.</dd>
<dt>Quick scaffolding</dt>
<dd>Create components, containers, routes, selectors and sagas - and their tests - right from the CLI!</dd>
<dt>Static code analysis</dt>
<dd>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.</dd>
<dt>SEO</dt>
<dd>We support SEO (document head tags management) for search engines that support indexing of JavaScript content. (eg. Google)</dd>
</dl>
But wait... there's more!
- _The best test setup:_ Automatically guarantee code quality and non-breaking
changes. (Seen a react app with 100% test coverage before?)
- _The fastest fonts:_ Say goodbye to vacant text.
- _Stay fast_: Profile your app's performance from the comfort of your command
line!
<sub><i>Keywords: Create React App, React Boilerplate, Custom Template, Typescript, React.js, Redux, Hot Reloading, ESNext, Babel, react-router, Offline First, ServiceWorker, `styled-components`, redux-saga, FontFaceObserver</i></sub>
## Contributors
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
<tr>
<td align="center"><a href="https://github.com/Can-Sahin"><img src="https://avatars2.githubusercontent.com/u/33245689" width="80px;" alt=""/><br /><sub><b>Can Sahin</b></sub></a><br /><a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/commits?author=Can-Sahin" title="Code">💻</a> <a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/commits?author=Can-Sahin" title="Documentation">📖</a> <a href="#ideas-Can-Sahin" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/pulls?q=is%3Apr+reviewed-by%3ACan-Sahin" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/commits?author=Can-Sahin" title="Tests">⚠️</a></td>
<td align="center"><a href="https://github.com/receptiryaki"><img src="https://avatars0.githubusercontent.com/u/3495307" width="80px;" alt=""/><br /><sub><b>Recep Tiryaki</b></sub></a><br /><a href="https://github.com/react-boilerplate/react-boilerplate-cra-template/commits?author=receptiryaki" title="Code">💻</a> <a href="#ideas-receptiryaki" title="Ideas, Planning, & Feedback">🤔</a></td>
</tr>
</table>
<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->
<!-- ALL-CONTRIBUTORS-LIST:END -->
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
## License
This project is licensed under the MIT license, Copyright (c) 2019 Can Sahin.
For more information see `LICENSE.md`.
+ Removed redux-saga
+ Added rematch
+ Added storybook
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment