GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → mohandere → Cra Boilerplate

mohandere / Cra Boilerplate

Licence: mit
Up to date: This project is an Create React App - v2.1.1 boilerplate with integration of Redux, React Router, Redux thunk & Reactstrap(Bootstrap v4)

Programming Languages

javascript
184084 projects - #8 most used programming language
es6
455 projects

Labels

reactreduxscssboilerplatestarter-kitrxjscreate-react-appreact-router-v4redux-observable

Projects that are alternatives of or similar to Cra Boilerplate

Reactjs Crud Boilerplate
Live Demo
Stars: ✭ 83 (-4.6%)
Mutual labels:  create-react-app, starter-kit, boilerplate
Oh My Fullstack
🚀 Full stack web application skeleton (Next.js, Redux, RxJS, Immutable, Express)
Stars: ✭ 99 (+13.79%)
Mutual labels:  redux-observable, starter-kit, boilerplate
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (+917.24%)
Mutual labels:  create-react-app, boilerplate, react-router-v4
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (-11.49%)
Mutual labels:  redux-observable, rxjs, react-router-v4
React Social Network
Simple React Social Network
Stars: ✭ 409 (+370.11%)
Mutual labels:  create-react-app, boilerplate, react-router-v4
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+800%)
Mutual labels:  starter-kit, boilerplate, scss
Disperse
React/Redux dApp (decentralized app) boilerplate using Ethereum's blockchain
Stars: ✭ 36 (-58.62%)
Mutual labels:  create-react-app, starter-kit, boilerplate
Fullstack Apollo Express Postgresql Boilerplate
💥 A sophisticated GraphQL with Apollo, Express and PostgreSQL boilerplate project.
Stars: ✭ 1,079 (+1140.23%)
Mutual labels:  starter-kit, boilerplate
Wertik Js
💪 A library that powers your app with GraphQL + Rest API
Stars: ✭ 56 (-35.63%)
Mutual labels:  starter-kit, boilerplate
Gorsk
🔥 Idiomatic Golang Restful Starter Kit
Stars: ✭ 1,108 (+1173.56%)
Mutual labels:  starter-kit, boilerplate
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (+1264.37%)
Mutual labels:  boilerplate, scss
Generator Dhboilerplate
Boilerplate made by David Hellmann
Stars: ✭ 54 (-37.93%)
Mutual labels:  boilerplate, scss
Generator Baukasten
Awesome!
Stars: ✭ 50 (-42.53%)
Mutual labels:  boilerplate, scss
Js Boilerplate
Modern JavaScript Application Boilerplate
Stars: ✭ 57 (-34.48%)
Mutual labels:  rxjs, boilerplate
Webxr Webpack Boilerplate
Starter Kit for building rich, immersive WebXR projects (featuring A-Frame) PWA with Webpack and SASS
Stars: ✭ 48 (-44.83%)
Mutual labels:  starter-kit, boilerplate
Html5 Boilerplate
A simple, fast, modern, pure html, css (and sass), js, live reload starter template
Stars: ✭ 65 (-25.29%)
Mutual labels:  starter-kit, boilerplate
Go Restful Api
An idiomatic Go REST API starter kit (boilerplate) following SOLID principles and Clean Architecture
Stars: ✭ 1,043 (+1098.85%)
Mutual labels:  starter-kit, boilerplate
Design System Starter
🚀 The Australian Government Design System - Starter
Stars: ✭ 61 (-29.89%)
Mutual labels:  starter-kit, scss
Re Start
react-native template to target multiple platforms 🌐 📱 💻 with single codebase.
Stars: ✭ 1,272 (+1362.07%)
Mutual labels:  starter-kit, boilerplate
React Webpack Babel
Simple React Webpack Babel Starter Kit
Stars: ✭ 1,241 (+1326.44%)
Mutual labels:  starter-kit, boilerplate
View All Similar Projects ➔

cra-boilerplate

This project is an Create React App - v2.1.1 boilerplate with integration of Redux, React Router, Redux thunk & Reactstrap(Bootstrap v4)

Build Status Dependency Status

Before starting with project, please headover to CRA documentation.

Features

Getting Started

  1. Clone this repo

https://github.com/mohandere/cra-boilerplate.git

  1. To run, go to project folder and run

$ yarn install (if you are using yarn)

  1. Now start dev server by running -

$ yarn start

  1. visit - http://localhost:3000/

To create production ready codes -

$ yarn build

  1. Analyze source code / bundle size

$ yarn analyze

for more commands refer package.json

Roadmap

Before starting development please go through -

Code structure

Refer src/home/ module for an ideal directory structure

Project uses Domain-style for code structure-

Domain-style : separate folders per feature or domain, possibly with sub-folders per file type

For more details refer /src/home folder.

Reference -

Common components

Place all common components such as Header/Footer in src/common/components folder.

Adding new Module/Feature

  • Create a Module/Feature folder at src/ like - - src/home Feature folder must contain booststrap file named index.js and css file 'style.css' at root

Like -

  • src/home/index.js
  • src/home/style.scss

Next as per need, add sub folders like -

  • src/home/actions/
  • src/home/reducers/
  • src/home/thunks/
  • src/home/containers/
  • src/home/components/

Actions

  • Create folder named actions inside Feature folder like - src/home/actions
  • Place actionTypes.js which contains all actions to be exported

Reducers

  • Create folder named reducers inside Feature folder like - src/home/reducers
  • Place index.js which combines all reducers using combineReducers

Deployment

Refer deployment section from CRA doc.

Issues / Suggestions ?

File an issue here.

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].