React.JS 16

To take a look at some of the new features in React.JS 16 (aka React Fiber) and to get a better working understanding of Components, using Props, working with State, Basic Conditionals in JSX, Basic Events, and LifeCycle Methods.

Project Status - Completed: 01/12/2018

Description
What I Learned From The Review
Website Technologies Used
How to View This App
File and Directory Structure
Revision History

Description

What I Learned From The Review

Installation and use of Create-React-App with an indepth understanding of the files and structure.
A better understanding of creating & working with Components.
Working with Props, using object assignment deconstructing, passing data from a parent to a child component.
Changing State, Basic Events and Basic Conditionals in JSX.
Reviewed Constructor and various Component LifeCycle Methods, componentWillMount, componentDidMount, shouldComponentUpdate, componentWillReceiveProps, componentWillUpdate, componentDidUpdate, componentWillUnmount, and componentDidCatch.

Website Technologies Used

Description of website technologies used to develop this app.

REACT.JS based using create-react-app, currently it is a thin layer on top of many amazing community projects, such as create-react-app, Additional information on using the Create-React-App can also befound here on the create-react-app readme.md file.
webpack with webpack-dev-server, html-webpack-plugin and style-loader Babel with ES6 and extensions used by Facebook (JSX, object spread, class properties)
Autoprefixer
Jest
ESLint
All of them are transitive dependencies of the provided npm package.

Dependecies

    react: 16.2.0,
    react-dom: 16.2.0,
    react-scripts: 1.0.17

How to View This App

Description of how to view the app

To start the app use the following command

"npm start" - this Runs the app in development mode.

Open http://localhost:3000 to view it in the browser.

File and Directory Structure

.
├── public
│   │
│   ├── favicon.ico
│   │
│   ├── index.html
│   │
│   ├── manifest.json
│   │
│   └── reactjs16.gif
│
├── src
│   │
│   ├── App.css
│   │
│   ├── App.js
│   │
│   ├── App.test.js
│   │
│   ├── index.css
│   │
│   ├── index.js
│   │
│   ├── logo.svg
│   │
│   └── registerServiceWorker.js
│ 
├── .gitignore
│
├── Create-React-App-README.md
│
├── package-lock.json
│
├── package.json
│
└── README.md

Revision History

Description of revisions made - Completed: 01/12/2018

Dev - file and directory structure creation & completion - 01/12/2018

DKMitt/reactjs16