Skip to content

Commit aabf1c5

Browse files
author
blazeka
committed
init commit of idea journal, lesson 2
1 parent 29b4a85 commit aabf1c5

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+24037
-0
lines changed

lesson-2/idea-journal/.gitignore

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# See https://help.github.com/ignore-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
6+
# testing
7+
/coverage
8+
9+
# production
10+
/build
11+
12+
# misc
13+
.DS_Store
14+
.env.local
15+
.env.development.local
16+
.env.test.local
17+
.env.production.local
18+
19+
npm-debug.log*
20+
yarn-debug.log*
21+
yarn-error.log*

lesson-2/idea-journal/README.md

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
# React Fundamentals I
2+
3+
This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).
4+
5+
## The Goal
6+
7+
Finish all of bellow mentioned steps to manage Idea Journal store ideas in local state of the app.
8+
9+
## Practise & learn
10+
11+
_Exercise #1:_
12+
Clone it on your machine and then in project directory install npm modules and dependencies, run app in the development mode.
13+
14+
```
15+
npm i
16+
npm start
17+
```
18+
19+
_Exercise (basics) #2:_
20+
Create Note component displaying title and text of a note.
21+
22+
_Exercise (basics) #3:_
23+
Create Footer component containing `<div>` with style class `Footer` and add it to App component.
24+
25+
_Exercise (state) #4:_
26+
Display modal window to add a new note.
27+
28+
_Exercise (state) #5:_
29+
Display or hide text in Note component.
30+
31+
_Exercise (props) #6:_
32+
Pass notes info via props from App to NoteList.
33+
34+
_Exercise (props) #6:_
35+
Pass note info via props from NoteList to Note.
36+
37+
_Exercise (props) #7:_
38+
Pass callback function from NewNoteModal to App and add a new note to a list.
39+
40+
_EXTRA Exercise (props) #7:_
41+
Pass callback function from Note to App and remove note from a list.
42+
43+
To run solution
44+
```
45+
cd solution/
46+
npm i
47+
npm start # or PORT=3001 npm start to run in parallel with working app
48+
```
49+
50+
## Useful resources
51+
52+
- [React.js - Introducing JSX](https://facebook.github.io/react/docs/introducing-jsx.html)
53+
- [React.js - Rendering Elements](https://facebook.github.io/react/docs/rendering-elements.html)
54+
- [React.js - Components and props](https://facebook.github.io/react/docs/components-and-props.html)

0 commit comments

Comments
 (0)