All Projects → bamiogunfemi → react-redux-boilerplate

bamiogunfemi / react-redux-boilerplate

Licence: MIT license
React, Redux Boilerplate with authentication

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to react-redux-boilerplate

Angularmaterialfirebase
🔥 Full stack starter app with Angular 8, Material Design and Firebase (+ demo)
Stars: ✭ 229 (+554.29%)
Mutual labels:  starter-template
Rainblur-Landing-Page
Tailwind CSS Starter Template - Rainblur Landing Page (dark)
Stars: ✭ 112 (+220%)
Mutual labels:  starter-template
nextjs-dapp-starter-ts
A fullstack monorepo template to develop ethereum dapps
Stars: ✭ 228 (+551.43%)
Mutual labels:  starter-template
vue-auth-boilerplate
This is a simple Vue template/starter kit, scaffolded on vue-cli 3, with full Auth functions to Login & Register
Stars: ✭ 77 (+120%)
Mutual labels:  starter-template
spring-boot-react-ecommerce-app
eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.
Stars: ✭ 221 (+531.43%)
Mutual labels:  redux-thunk
reactnd-project-readable
The Discussion Forum React-Redux App : A Project for @udacity's React Nanodegree
Stars: ✭ 25 (-28.57%)
Mutual labels:  redux-thunk
Lumen Api Starter
Lumen 8 基础上扩展出的API 启动项目,精心设计的目录结构,规范统一的响应数据格式,Repository 模式架构的最佳实践。
Stars: ✭ 197 (+462.86%)
Mutual labels:  starter-template
laravel-startkit
Laravel Admin Dashboard, Admin Template with Frontend Template, for scalable Laravel projects. It is to save your time when You start with new scalable Laravel projects with many features Bootstrap, cooreui, infyom admin Generator, roles and permissions, translatable models, spatie media and much more
Stars: ✭ 55 (+57.14%)
Mutual labels:  starter-template
nextarter-chakra
battery packed template / boilerplate to initialize Next.js app with Chakra UI & Typescript setup ✨
Stars: ✭ 616 (+1660%)
Mutual labels:  starter-template
noder-react-native
The mobile app of cnodejs.org written in React Native
Stars: ✭ 1,985 (+5571.43%)
Mutual labels:  redux-thunk
typescript-react-template
A template sample project for bootstrapping new React/Redux applications using TypeScript
Stars: ✭ 47 (+34.29%)
Mutual labels:  starter-template
redux-thunk-actions
Action creator for redux-thunk that handles sync and async functions.
Stars: ✭ 63 (+80%)
Mutual labels:  redux-thunk
gotoReact-
react的一些案例
Stars: ✭ 20 (-42.86%)
Mutual labels:  redux-thunk
Minwiz
Minimal starter kit for under 2 KB sites
Stars: ✭ 228 (+551.43%)
Mutual labels:  starter-template
sass-starter-pack
Sass starter files using Gulp v4.0.0 🔥
Stars: ✭ 34 (-2.86%)
Mutual labels:  starter-template
Ionic4 Start Theme
📱 Ionic 4 start theme (v1.0.0) with: Angular 7 + @ionic/angular 4.0.0 final+ Ionic Native 5 + Ionic CLI 4.5.0 by:
Stars: ✭ 226 (+545.71%)
Mutual labels:  starter-template
fetch-action-creator
Fetches using standardized, four-part asynchronous actions for redux-thunk.
Stars: ✭ 28 (-20%)
Mutual labels:  redux-thunk
Redux
No description or website provided.
Stars: ✭ 40 (+14.29%)
Mutual labels:  redux-thunk
cra-template-quickstart-redux
Opinionated quickstart Create React App template with Redux, React Testing Library and custom eslint configuration
Stars: ✭ 66 (+88.57%)
Mutual labels:  starter-template
frontenso-11ty-starter
Production-ready 11ty+Gulp+Webpack Starter that features Nunjucks, SASS, TailwindCSS (with JIT complier), and ESNext.
Stars: ✭ 24 (-31.43%)
Mutual labels:  starter-template

GitHub issues GitHub last commit Analytics

React Redux Boilerplate

Opinionated React starter boilerpate + authentication, with using Redux, React Router Dom, Redux Thunk, Axios and more.

Dependencies

In order to use this setup you need to have installed the following dependencies:

  1. Node - min v8.15.0
  2. NPM - min v5.6.0 or
  3. Yarn - min v1.3.2
  4. Bash terminal (Default on OSX/Linux, GitBash or similar on Windows)

Download

You can download this setup directly and extract it.

Then navigate to the react-redux-boilerplate folder and proceed with the rest of the instructions.

Install

yarn

# or

npm i

Develop

yarn start

# or

npm start

Build

yarn build

# or

npm run build

Details

JS

  1. Folder structure:

    • assets/ - all fonts, images, videos, etc.
    • components/ - stateless components.
    • helpers/ - helpers and utility functions
    • routes/ - all routes
    • pages/ - all pages
    • store/ - reducer, actions, operations, selectors, types, store, root reducers and local storage
  2. Latest EcmaScript support

    • Usage of the latest features in EcmaScript
    • Using Babel to transpile to ES5
    • Minification of the bundled file
    • Source maps
  3. Webpack aliases: Checkout the aliases property in the webpack.config.js file.

  4. Choose your style: Freedom to plug in any styling of your choice.

  5. Lint your files: ESLint and Stylelint included

  6. Tests using Jest. The Test environment has been configured so you don't have to

  7. Offline first - using Offline Plugin to cache important files and assets

  8. PWA ready - Install as a native app on Android and iOS

  9. Report Web Vitals - Send any of results to an analytics endpoint to measure and track real user performance on your site.

  10. Code splitting and lazy loading

Supported Browsers

This setup uses Browserslist to target browsers.

The default list of supported browsers is listed in the package.json file:

{
  "browserslist": ["> 0.2%", "last version"]
}

This means that supported browsers vary based on current usage data and current browser versions.

In general, this setup supports the two most recent versions of all browsers.

LICENSE

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].