Reacticing

Practicing with React Components, 1/21/19

By Luke Vandekieft

Project Description

A collection of tutorials relating to Flutter. By changing the root component to various widgets you can toggle easily between the finished (and unfinished) results.

Tools Included:

Use Notes

New Machine

Check Node.js/npm/npx are installed in machine. Install if not.
```
https://nodejs.org/en/
```

Configure global git information.

$ git config --global user.name "Luke Vandekieft"
$ git config --global user.email "vandekie@gmail.com"

Install React extension in Chrome - Google for link.

VS Code

Preview Markdown before commiting:
```
⌘K + V
```
VS code open:
```
$ code .
```
Open command palette:
```
⌘ + Shift + P
```

Other Keyboard shortcuts (Mac & VS Code):

https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

Mac Help

Chrome Dev Tools:
```
Option + ⌘ + J
```

Setup/Installation Requirements

Download file from Github.

$ git clone https://github.com/lukevandekieft/reacticing.git

Install NPM (node package manager) as needed - instructions can be found at https://www.npmjs.com/get-npm .
Install necessary webpack dependencies for project.
```
$ npm install
```
Compile and open webpage in developer mode.
```
$ npm run start
```

Technologies Used

React Library
HTML
JavaScript
Sass preprocessor
CSS
JSX
Webpack

Support and contact details

If you have any concerns or suggestions please contact Luke Vandekieft at vandekie@gmail.com

License

This software is licensed under the MIT License.