Learn React Demo
Tools
-
Editor: https://code.visualstudio.com/
-
Node: https://nodejs.org/en/
-
Chrome: https://www.google.pl/chrome/browser/desktop/index.html
-
if System Windows install Git bash: https://gitforwindows.org/
Install & Start First Application
Steps:
- clone this repo
- npm install
- npm run watch-css
- npm start
- Open http://localhost:3000/ to see your app.
Tutorial prepared on https://github.com/facebook/create-react-app
Exercises
- Adding simple HTML structure - (JSX) - (branch master)
- Split App.js into separate compoents (Header, Section, Footer) - (Components) - (branch components)
- Add to section some props, for example name nad your job experinece and render it at Section component - (props) - (branch props)
- Add simple state in Footer. This state should count button click. Change state after button clicking. (events) - (branch state)
Production
npm run build