Commit Graph

65 Commits (Chap06)

Author SHA1 Message Date
jason-zhu c07a3db03f Working on Chap06 2023-10-22 11:23:56 +11:00
Jason Zhu 69d83e398b Chap06 -> Reducing boilerplate code with React Hook From -> Implementing the answer form 2022-03-31 11:16:30 +11:00
Jason Zhu 66fa89341d Chap06 -> Reducing boilerplate code with React Hook Form -> Implementing the ask form 2022-03-30 23:51:10 +11:00
Jason Zhu e2aca4edb4 Chap06 -> Reducing boilerplate code with React Hook Form -> Creating from styled components 2022-03-30 23:21:13 +11:00
Jason Zhu c6c6dfd02e Chap06 -> Reducing boilerplat code with React Hook Form -> Refactoring the Header component to use React Hook Form 2022-03-30 22:55:50 +11:00
Jason Zhu 970dd905dc Chap06 -> Reducing boilerplat code with React Hook Form -> Installing React Hook Form 2022-03-30 22:37:41 +11:00
Jason Zhu 228c9e9417 Chap06 -> Understanding controlled components 2022-03-30 22:36:10 +11:00
Jason Zhu c913b32ddb Chap05 -> Lazy loading routers 2022-03-30 17:05:28 +11:00
Jason Zhu 3580e9b0b4 Chap05 -> Using query parameters -> 7 & 8: Render search criteria and questions that returned from search 2022-03-30 16:43:26 +11:00
Jason Zhu 2319706d66 Chap05 -> Using query parameters -> 6. Invoke search when component first renders and when the search variable changes using the useEffect hook 2022-03-30 16:39:03 +11:00
Jason Zhu 7f5df7cdf3 Chap05 -> Usinig query parameters -> 2 & 3: configure import in SearchPage and add explicit return statement 2022-03-30 16:32:39 +11:00
Jason Zhu 62e7510193 Chap05 -> Using query parameters -> 1. Create function to simulate a search via web request 2022-03-30 16:30:54 +11:00
Jason Zhu 3414f20798 Chap05 -> Using route parameters -> Creating an AnswerList component 2022-03-30 16:18:22 +11:00
Jason Zhu a2d892793c Chap05 -> Using route parameter -> Creating an AnswerList component -> 4 & 5 & 6: Created Answer component 2022-03-30 15:08:09 +11:00
Jason Zhu 943e22ffdb Chap05 -> Using route parameters -> Creating an AnswerList component -> 1 & 2 & 3: created AnswerList.tsx 2022-03-30 14:58:26 +11:00
Jason Zhu 40b20ae730 Chap05 -> Using route paramters -> Implementinig more of the question page (fix background-color) 2022-03-30 14:53:04 +11:00
Jason Zhu b71ce601d7 Chap05 -> Using route paramters -> Implementinig more of the question page -> 8. Add when question asked and who asked into the Fragment 2022-03-30 14:51:48 +11:00
Jason Zhu dbb3d2f9b5 Chap05 -> Using route parameters -> Implementing more of the question page -> 7. Implement question content 2022-03-30 14:38:16 +11:00
Jason Zhu fa83caf8a7 Chap05 -> Using route parameters -> Implementiing more of the question page -> Implement JSX for Question Page component by adding container element for the page and question title 2022-03-30 14:34:23 +11:00
Jason Zhu f50dd73596 Chap05 -> Using route parameters -> Implementing more of the question page -> 5. call getQuestion function during initial render 2022-03-30 14:30:37 +11:00
Jason Zhu a51437c7cc Chap05 -> Using route parameters -> Implementing more of the question page -> 2 & 3 & 4: Create a state for question 2022-03-30 14:14:23 +11:00
Jason Zhu 191d87662d Chap05 -> Using route parameters -> Implementing more of the question pagee -> 1. Add a function that will simulate a web request to get a question 2022-03-30 14:04:55 +11:00
Jason Zhu e87108a892 Fixed problem in Chap04 2022-03-29 23:15:33 +11:00
Jason Zhu f986272027 Chap05 -> Using route parameters -> Adding the question page route (Finished) 2022-03-29 16:33:58 +11:00
Jason Zhu 4f9e43b95e Chap05 -> Using route parameters -> Adding the question page route 2022-03-29 16:25:56 +11:00
Jason Zhu 61660bf83d Chap05 -> Implementing links -> Navigating programmatically 2022-03-29 16:24:10 +11:00
Jason Zhu 6d5af0a856 Chap05 -> Implementing links -> Using the Link component 2022-03-29 16:22:23 +11:00
Jason Zhu 5c08042544 (Edit) Chap05 -> Declaring routes -> Creating a component containing routes: put Header component back to App 2022-03-29 16:19:21 +11:00
Jason Zhu 5b79adea19 Chap05 -> Handling routes not found 2022-03-29 15:55:55 +11:00
Jason Zhu fbc2541230 Chap05 -> Declaring routes -> Creating a component containing routes 2022-03-29 15:52:21 +11:00
Jason Zhu 7c3215867f Chap05 -> Declaring routes -> Creating some blank pages 2022-03-29 15:41:31 +11:00
Jason Zhu 4963def0bd Chap05 -> Install React Router 2022-03-29 15:06:09 +11:00
Jason Zhu 4a04834929 Chap04 -> Completing the home page styling -> Styling the Question component 2022-03-29 14:45:12 +11:00
Jason Zhu 1292870db9 Chap04 -> Completing the home page styling -> Styling the QuestionList component 2022-03-29 14:41:37 +11:00
Yiqing Zhu 055f653476 Chap04 -> Creating a reusable styled component with Emotion 2022-03-28 21:02:55 +11:00
Yiqing Zhu 691840dee3 Chap04 -> Styling pseudo-classes and nested elements with Emotion 2022-03-28 20:37:00 +11:00
Yiqing Zhu 26f7fc4582 Chap04 -> Styling components with Emotion -> Styling the Header component 2022-03-28 19:58:15 +11:00
Jason Zhu e4f41e5d8d Chap04 -> Styling components with Emotion -> Styling the App component (Emotion styles in head tag) 2022-03-28 19:36:40 +11:00
Jason Zhu c98972dec9 Chap04 -> Styling components with Emotion -> Styling the App component -> style css prop use tagged template literal 2022-03-28 17:56:13 +11:00
Jason Zhu 2005072dea Chap04 -> Styling components with Emotion -> Installing Emotion 2022-03-28 17:38:39 +11:00
Yiqing Zhu e90cc6b191 Chap04 -> Styling components with CSS modules 2022-03-26 17:56:51 +11:00
Yiqing Zhu 9830fb1af2 Chap04 -> Styling components with CSS -> Styling the Header component 2022-03-26 17:50:10 +11:00
Yiqing Zhu a5d1351f92 Chap04 -> Styling components with CSS -> Styling the App component 2022-03-26 17:38:20 +11:00
Yiqing Zhu 2b3cbdddd5 Chap04 -> Styling components with CSS -> Stlying the document body 2022-03-26 17:33:40 +11:00
Yiqing Zhu b4d0fed5cb Chap03 -> Handling events -> Handling an input change event 2022-03-26 17:00:21 +11:00
Yiqing Zhu 7dd02a76ea Chap03 -> Handling events -> Handling a button click event 2022-03-26 16:50:56 +11:00
Yiqing Zhu 0f31f492cc Chap03 -> Implementing component state -> Using useState to implement component state 2022-03-26 16:46:05 +11:00
Yiqing Zhu 2afb204673 Chap03 -> Implementing component state -> Using useEffect to execute logic 2022-03-26 16:03:57 +11:00
Yiqing Zhu cdecba7c2e Chap03 -> Implementing component state (Change getUnansweredQuestions to async function, result failure in transpiling) 2022-03-26 14:39:21 +11:00
Yiqing Zhu 072b7dcf88 Chap03 -> Creating function-based component -> Function props (aka how to use render prop) 2022-03-26 14:25:09 +11:00