Jason Zhu
|
269e6173d1
|
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
|
1f05de9a0c
|
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
|
6ccb67ca01
|
Chap05 -> Using query parameters -> 1. Create function to simulate a search via web request
|
2022-03-30 16:30:54 +11:00 |
Jason Zhu
|
cdc8fea5b5
|
Chap05 -> Using route parameters -> Creating an AnswerList component
|
2022-03-30 16:18:22 +11:00 |
Jason Zhu
|
292294adf4
|
Chap05 -> Using route parameter -> Creating an AnswerList component -> 4 & 5 & 6: Created Answer component
|
2022-03-30 15:08:09 +11:00 |
Jason Zhu
|
2ea9deeba6
|
Chap05 -> Using route parameters -> Creating an AnswerList component -> 1 & 2 & 3: created AnswerList.tsx
|
2022-03-30 14:58:26 +11:00 |
Jason Zhu
|
dee956f542
|
Chap05 -> Using route paramters -> Implementinig more of the question page (fix background-color)
|
2022-03-30 14:53:04 +11:00 |
Jason Zhu
|
17cecb2931
|
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
|
527d00be86
|
Chap05 -> Using route parameters -> Implementing more of the question page -> 7. Implement question content
|
2022-03-30 14:38:16 +11:00 |
Jason Zhu
|
b5f12380b3
|
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
|
a2f0fb0522
|
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
|
de5e78e621
|
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
|
3fb4435d68
|
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
|
1f7388e26d
|
Fixed problem in Chap04
|
2022-03-29 23:15:33 +11:00 |
Jason Zhu
|
8e13f18a03
|
Chap05 -> Using route parameters -> Adding the question page route (Finished)
|
2022-03-29 16:33:58 +11:00 |
Jason Zhu
|
b18e0588b5
|
Chap05 -> Using route parameters -> Adding the question page route
|
2022-03-29 16:25:56 +11:00 |
Jason Zhu
|
379feb7e99
|
Chap05 -> Implementing links -> Navigating programmatically
|
2022-03-29 16:24:10 +11:00 |
Jason Zhu
|
89ea270218
|
Chap05 -> Implementing links -> Using the Link component
|
2022-03-29 16:22:23 +11:00 |
Jason Zhu
|
353cb61006
|
(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
|
076120fee7
|
Chap05 -> Handling routes not found
|
2022-03-29 15:55:55 +11:00 |
Jason Zhu
|
70839dfeca
|
Chap05 -> Declaring routes -> Creating a component containing routes
|
2022-03-29 15:52:21 +11:00 |
Jason Zhu
|
94545f83c1
|
Chap05 -> Declaring routes -> Creating some blank pages
|
2022-03-29 15:41:31 +11:00 |
Jason Zhu
|
1a0a1006dd
|
Chap05 -> Install React Router
|
2022-03-29 15:06:09 +11:00 |
Jason Zhu
|
ab5f1fb67f
|
Chap04 -> Completing the home page styling -> Styling the Question component
|
2022-03-29 14:45:12 +11:00 |
Jason Zhu
|
eeae6b889c
|
Chap04 -> Completing the home page styling -> Styling the QuestionList component
|
2022-03-29 14:41:37 +11:00 |
Jason Zhu
|
a2eb621624
|
Chap04 -> Creating a reusable styled component with Emotion
|
2022-03-28 21:02:55 +11:00 |
Jason Zhu
|
3f5f086e44
|
Chap04 -> Styling pseudo-classes and nested elements with Emotion
|
2022-03-28 20:37:00 +11:00 |
Jason Zhu
|
c9a2989a15
|
Chap04 -> Styling components with Emotion -> Styling the Header component
|
2022-03-28 19:58:15 +11:00 |
Jason Zhu
|
e4ca4f079c
|
Chap04 -> Styling components with Emotion -> Styling the App component (Emotion styles in head tag)
|
2022-03-28 19:36:40 +11:00 |
Jason Zhu
|
b7f435a986
|
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
|
05f529d84e
|
Chap04 -> Styling components with Emotion -> Installing Emotion
|
2022-03-28 17:38:39 +11:00 |
Jason Zhu
|
beedc2aef8
|
Chap04 -> Styling components with CSS modules
|
2022-03-26 17:56:51 +11:00 |
Jason Zhu
|
58c82bb334
|
Chap04 -> Styling components with CSS -> Styling the Header component
|
2022-03-26 17:50:10 +11:00 |
Jason Zhu
|
8a19835b45
|
Chap04 -> Styling components with CSS -> Styling the App component
|
2022-03-26 17:38:20 +11:00 |
Jason Zhu
|
563aaf0d27
|
Chap04 -> Styling components with CSS -> Stlying the document body
|
2022-03-26 17:33:40 +11:00 |
Jason Zhu
|
27421824c7
|
Chap03 -> Handling events -> Handling an input change event
|
2022-03-26 17:00:21 +11:00 |
Jason Zhu
|
e3810cc810
|
Chap03 -> Handling events -> Handling a button click event
|
2022-03-26 16:50:56 +11:00 |
Jason Zhu
|
5772c175af
|
Chap03 -> Implementing component state -> Using useState to implement component state
|
2022-03-26 16:46:05 +11:00 |
Jason Zhu
|
ffc8fe16f5
|
Chap03 -> Implementing component state -> Using useEffect to execute logic
|
2022-03-26 16:03:57 +11:00 |
Jason Zhu
|
de5bc7f437
|
Chap03 -> Implementing component state (Change getUnansweredQuestions to async function, result failure in transpiling)
|
2022-03-26 14:39:21 +11:00 |
Jason Zhu
|
5d7f817620
|
Chap03 -> Creating function-based component -> Function props (aka how to use render prop)
|
2022-03-26 14:25:09 +11:00 |
Jason Zhu
|
f833534d19
|
Chap03 -> Creating function-based component -> Children props, added explanation
|
2022-03-26 14:12:16 +11:00 |
Jason Zhu
|
affd03b580
|
Chap03 -> Creating function-based component -> Children props
|
2022-03-26 14:10:10 +11:00 |
Jason Zhu
|
dafd006124
|
Chap03 -> Creating function-based components -> Optional and default props
|
2022-03-26 00:16:30 +11:00 |
Jason Zhu
|
851a26d1b9
|
Chap03 -> Creating function-based components -> Creating HomePage child components
|
2022-03-26 00:08:00 +11:00 |
Jason Zhu
|
d54f501934
|
Chap03 -> Creating function-based components -> Creating HomePage child components
|
2022-03-25 13:26:47 +11:00 |
Jason Zhu
|
2d0e56055c
|
Chap03 -> Creating function-based components -> Creating mock data
|
2022-03-25 13:22:02 +11:00 |
Jason Zhu
|
f0492816c5
|
Chap03 -> Creating function-based components -> Creating mock data
|
2022-03-24 00:02:35 +11:00 |
Jason Zhu
|
b11004925a
|
Chap03 -> Creating function-based component -> Adding elements to the Header component
|
2022-03-23 23:13:58 +11:00 |
Jason Zhu
|
95cb876ef5
|
Chap03 -> Creating function-based components -> Creating a Header component
|
2022-03-23 22:55:22 +11:00 |