AliceWonderland/React-App

React Skeleton - Barebones starter framework for bootstrapping React Apps (Work In Progress)

React APP

Barebones Skeleton for a quickstart react-app. That you can configure! A slight step up from Create-React-App!

Organized in a simple way as to allow beginners to begin using it easily for simple applications.

Flexible enough to be customized for more complex production applications or just to configure and installing your choice of packages and tooling.

This and all my react projects use ES6. https://babeljs.io/blog/2015/06/07/react-on-es6-plus

Packages

Check out package.json for a full list

React

• https://reactjs.org/
• https://github.com/facebook/react

React-Router

• https://github.com/ReactTraining/react-router
• https://reacttraining.com/react-router/web/guides/philosophy

Redux

Express

• https://expressjs.com/en/starter/installing.html

Postgres Sequelize

Babel

• https://babeljs.io/docs/plugins/
• React/Env/Stage-3

Webpack

• https://webpack.js.org/guides/

Styled-Components

• https://www.styled-components.com/
• https://github.com/styled-components/styled-components

SASS

• http://sass-lang.com/guide
• https://github.com/sass/node-sass

Fetch API

• https://developers.google.com/web/updates/2015/03/introduction-to-fetch
• https://github.com/github/fetch

Font-Awesome

• https://www.npmjs.com/package/@fortawesome/react-fontawesome

Pre-Installation (MacOSX)

• Install Node.js
• Install Postgres.app for your OS https://postgresapp.com/downloads.html (Postgress App by Heroku)
• Install Postico.app to manage your PG databases (optional) https://eggerapps.at/postico/
• Start Postgres. Make sure it's running by checking the upper right of your deskop for the icon.
• Add CLI Tools here https://postgresapp.com/documentation/cli-tools.html

Installation

Fork https://github.com/AliceWonderland/React-App.git to you Github Account From Command Line Terminal:

• run git clone https://github.com/Your-Username/your-repo.git
• cd React-App
• run npm install
• run npm run start
• browse to http://localhost:4000/ in web browser

Create Your Own Skeleton

Make sure Git and Node are installed. Make sure you have an account on Github.

Git and Github

• Install Git https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
• Create an account on Github.com https://github.com/
• Create a repo

Node

Install Node (this comes with NPM) https://nodejs.org/en/download/

mkdir your-app-name-here

cd your-app-name-here

npm init

git init

git remote add origin your-github-repo-url-here

touch .gitignore

touch README.md

• npm install all your packages here -

Resources

Jest - Testing Unit Testing Suite (BE) and Snapshot Testing (FE) https://facebook.github.io/jest/ https://github.com/facebook/jest/tree/master/examples Jest ships with Create-React-App too.

Create-React-App Is a pre-configured quickstart skeleton to jump right into building a React App. The drawback is it may be a hurdle if you need to include any additional packages or tooling that require manual configuration.

https://reactjs.org/blog/2016/07/22/create-apps-with-no-configuration.html https://github.com/facebook/create-react-app