Skip to content

Commit 6f69008

Browse files
committed
update readme
1 parent 4dbc24a commit 6f69008

File tree

1 file changed

+9
-41
lines changed

1 file changed

+9
-41
lines changed

README.md

+9-41
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616

1717
- Learning concept [ReactJS](https://reactjs.org/docs/getting-started.html) framework development by Facebook.
1818

19-
- Learning ecosystem for ReactJS, example : [react router dom](https://reactrouter.com/web/guides/quick-start), [redux](https://redux.js.org/) or [Chakra UI](https://chakra-ui.com/).
19+
- Learning ecosystem for ReactJS, example : [react-router-dom](https://reactrouter.com/web/guides/quick-start), [redux](https://redux.js.org/), [Chakra UI](https://chakra-ui.com/).
2020

2121
- Implement project example with [CRA](https://create-react-app.dev/).
2222

@@ -32,12 +32,15 @@
3232
+ Sign in.
3333
+ Sign up.
3434
+ Auto remember login.
35+
3536
- Loading all in.
36-
- UI homepage - mock data from [Json Placeholder](https://jsonplaceholder.typicode.com/) .
37+
38+
- CRUD todos example.
3739

3840
- UI profile and more...etc.
3941

40-
- CRUD todos example.
42+
- Build static SSR.
43+
4144

4245

4346
## Setup
@@ -54,31 +57,8 @@ We are using template Create React App.
5457
> *All you need left is to know a little bit of [Javascript](https://www.w3schools.com/js/) .*
5558
5659

57-
**NPX :**
58-
59-
```bash
60-
61-
npx create-react-app [project name]
62-
63-
```
64-
65-
**NPM :**
66-
67-
```bash
68-
69-
npm init react-app [project name]
70-
71-
```
7260

73-
**YARN :**
74-
75-
```bash
76-
77-
yarn create react-app [project name]
78-
79-
```
80-
81-
## Start project
61+
## Docs & Started
8262

8363
- Docs for concept React JS.
8464
- What is [JSX](https://reactjs.org/docs/introducing-jsx.html) ?
@@ -91,7 +71,6 @@ yarn create react-app [project name]
9171
- Difference between Class Component and Functional Components. ( [Link docs](https://reactjs.org/docs/react-component.html#render) | [Link dev](https://dev.to/mehmehmehlol/class-components-vs-functional-components-in-react-4hd3) )
9272
- State management with [redux](https://redux.js.org/)
9373
- Middleware for client [redux saga](https://redux-saga.js.org/)
94-
- Config and structure project - see more [github](#github).
9574

9675
## Running the app
9776
*We are split two folder: client and server*
@@ -107,9 +86,6 @@ $ npm run start | yarn start
10786

10887
$ npm run build | yarn build
10988

110-
# test mode
111-
112-
$ npm run test | yarn test
11389

11490
```
11591

@@ -133,26 +109,18 @@ $ npm run start:prod | yarn start:prod
133109

134110
```bash
135111

112+
cd {root project}.
113+
136114
# bash script
137115

138116
$ ./ssr.sh
139117

140118
```
141119

142-
## Github
143-
144-
145-
[GitHub - truongdq2001/example-react](https://github.com/truongdq2001/example-react)
146-
147120
## Stay in touch
148121

149-
150122
- Author - [Peanut201](https://www.facebook.com/truongdq2001/)
151123

152-
- Website - [Portfolio](https://portfolio-peanut.netlify.app/)
153-
154-
- Twitter - [@Peanut201](https://twitter.com/truong20013)
155-
156124
- Telegram - [@Peanut201](https://t.me/peanut201)
157125

158126
## License

0 commit comments

Comments
 (0)