Skip to main content

Learning ReactJS

 It is hard without vanillaJS knowledge. 

The road map is available from here. https://roadmap.sh/react

1. Getting started with React

2. JSX

3. Component

4. Event handling 

5. ref:DOM

6. Component Iteration 

7. LifeCycle method

8. Hooks

9. Component styling

10. A basic app (ToDo list) 

11. Optimizing component performance 

12. immer

13. SPA with React Router

14. API calls

15. Context API

16. Redux

17. React Redux

18. Middleware

19. Code splitting

20. Server side rendering 

21. Backend: Koa framework 

22. MongoDB

23. JWT for authentication 

24. Frontend project : Auth and login

25. Frontend project : Writing posts(C)

26. Frontend project : search posts(R)

27. Frontend project : update/delete posts(U,D)


Comments

Post a Comment

Popular posts from this blog

[BAEKJOON Online Judge + Node.js] 2292: Honeycomb

  I did't use while loop that much so didn't come up what to do. While loop create a loop that execute a specific statement. So, the main point of this problem is "prevNum + max * 6" input = 13, output = 3 https://www.acmicpc.net/problem/2292 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while const input = require ( "fs" ). readFileSync ( "/dev/stdin" ). toString () ; let count = 1 ; let max = 1 ; // set the range while (max < input) { max += count * 6 ; count ++ ; } console . log (count) ; // prevNum + count * 6 // 1 so +6 every loop! // 2 - 7, 5 // 8 - 19, 11 // 20 - 37, 17 // 38 - 61, 23
Post a Comment
Read more

The Complete React Guide by Max - Section 12: Adding Routing to our Burger Project

 220. Module Introduction - just intro 221. Building the checkout container  just create Checkout/checkoutSummary JS files  222. Setting up Routing & Routes < Switch > < Route path = "/checkout" component = { Checkout } /> < Route path = "/" exact component = { BurgerBuilder } /> </ Switch > order is matter and use <Switch> shows only route 223. Navigating to the checkout page  this . props . history . push ( "/checkout" ); yarn add react-router-app and cover {BrowserRouter} in index.js and then work on purchaseContinueHandler(that push('/checkout')) 224. Navigating back & to next page checkoutCancelled = () => { this . props . history . goBack (); }; checkoutContinued = () => { this . props . history . replace ( "/checkout/contact-data" ); }; pass props on each buttons with those 2 functions  225. Passing Ingredients...
Post a Comment
Read more

FE WebDev Routine Training Feb 09, 2021

 FE WebDev Routine Training Feb 09, 2021  A lot of things to do. DO FUCKING FOCUS!!!  Coding test - codewar 1 Kakao 2021 No.1 CSS - grid/ SCSS and Cloning(besthorrorscenes.com) JS - for of loop/  Sec9/ DOM array methods toy project React -   A bit of Yelp Portfolio -  List the 100JS projects Job hunting -  NAVER Finance(on 10th) Karrot for  internship  Apply SW maestro
Post a Comment
Read more