React-Redux-Enterprise
A React-Redux boilerplate for enterprise web applications.
Before you start with this boilerplate, please take a few minutes to read this article and see if you really need this or you may want to try another option.
Materials
This repo is the minimal and extendable setup to start a new enterprise large-scaled project based on React & Redux & RxJS.
- babel: to transpile our ES6-7 code ES5
- enzyme: as our test util
- esdoc: to generate docs
- eslint: to have linting utility over our code
- jest: as our test framework
- prettier: to apply linting to our code before commits
- react: as our framework
- react-redux: to handle data flow
- react-router: to handle routing
- react-router-redux: to handle routing
- redux: to handle data flow
- redux-observable: to handle async actions
- redux-persist: to have persistent store
- rxjs: to handle observable actions
- styled-components: to style our project
- webpack: as our module bundler
How to start?
- Clone the project
yarnyarn start- visit localhost:8080
NOTE:
- To run the server you need to install
http-server-spaas a global module, or you can implement your own server and point it to the public directory. - All modules used are the latest versions and are implemented according to their respective latest version docs. (as of Oct 2018)
Scripts
yarn buildto make a single production buildyarn devto make a single development buildyarn docsto generate the docsyarn lintto run the lint checkyarn startto start the serveryarn testto run the testsyarn watchto start watching for file changes
Read On
To read more about this project and to get familiar with the structure and find out the logic behind it, check out the articles on Medium, Quora or LinkedIn
License
This project is licensed under the MIT License.
-
react react是facebook出的一款针对view视图层的library库。react遵循单向数据流的机制。目前我们学的是react17.x的版本 React 官方中文文档 – 用于构建用户界面的 JavaScript 库 react基础语法和常见api jsx语法 就是在js种直接使用html标签来写。 const str = '你好啊！' const people = [<p>苹果嘉
-
转载本文需注明出处：EAII企业架构创新研究院，违者必究。如需加入微信群参与微课堂、架构设计与讨论直播请直接回复公众号：“EAII企业架构创新研究院”。（微信号：eaworld） 亲爱的各位朋友们，大家下午好！ 首先祝大家国庆节快乐！ 很高兴可以在国庆前夕，可以为大家分享一下React风格的企业前端技术。 谈到前端，可能以前大家的第一感觉就是，前端嘛，无非就是做做页面切图，顶多加上
-
Trust me when I say this, React Native is hard. And it’s not the usual hard of what we think hard is. It is hard in terms of working with in general. In this blog post, I’ll go over some tips and tric
-
目录 为何组件没有被重新渲染、或者 mapStateToProps 没有运行？ 为何组件频繁的重新渲染？ 怎样使 mapStateToProps 执行更快？ 为何不在被连接的组件中使用 this.props.dispatch ？ 应该只连接到顶层组件吗，或者可以在组件树中连接到不同组件吗？ React Redux 为何组件没有被重新渲染、或者 mapStateToProps 没有运行？ 目前来看，
-
Universal React Redux Boilerplate A universal React/Redux boilerplate with sensible defaults. Out of the box, thisboilerplate comes with: Server-side rendering with Express Code splitting with dynamic
-
Live redux-react-starter This repository contains the minimal app to get started with redux, react, hot-reloading, async function and some other great stuffs. How to yarn 0.18+ must be present on your
-
React/Redux Links Curated tutorial and resource links I've collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles and resources for someone who wants to learn abou
-
React Redux Saucepan A minimal Universal React redux JS stack using Flow, with hot reloading, linting and server-side rendering. This is a universal react project. It provides server-side rendering an
-
React-Redux-Flask Boilerplate application for a Flask JWT Backend and a React/Redux Front-End with Material UI. Python 2.7+ or 3.x Pytest Heroku Flask React Redux React-Router 2.0 React-Router-Redux B