Skip to main content

[Day 8] Component Desgin

· 2 min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝
                    ██████╔╝█████╗  ███████║██║        ██║   
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║   
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║   
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   
                                                             
                        ██████╗  █████╗ ██╗   ██╗     █████╗ 
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ██╔══██╗
                        ██║  ██║███████║ ╚████╔╝     ╚█████╔╝
                        ██║  ██║██╔══██║  ╚██╔╝      ██╔══██╗
                        ██████╔╝██║  ██║   ██║       ╚█████╔╝
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝        ╚════╝

[Day 7] Children Prop

· One min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝
                    ██████╔╝█████╗  ███████║██║        ██║   
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║   
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║   
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   
                                                             
                        ██████╗  █████╗ ██╗   ██╗    ███████╗
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ╚════██║
                        ██║  ██║███████║ ╚████╔╝         ██╔╝
                        ██║  ██║██╔══██║  ╚██╔╝         ██╔╝ 
                        ██████╔╝██║  ██║   ██║          ██║  
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝          ╚═╝

[Day 6] State Management

· 2 min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗                     
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝                     
                    ██████╔╝█████╗  ███████║██║        ██║                        
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║                        
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║                        
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝                        
                                                                                  
                        ██████╗  █████╗ ██╗   ██╗     ██████╗                     
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ██╔════╝                     
                        ██║  ██║███████║ ╚████╔╝     ███████╗                     
                        ██║  ██║██╔══██║  ╚██╔╝      ██╔═══██╗                    
                        ██████╔╝██║  ██║   ██║       ╚██████╔╝                    
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝        ╚═════╝

[Day 5] React State

· 2 min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝
                    ██████╔╝█████╗  ███████║██║        ██║   
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║   
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║   
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   
                                                             
                        ██████╗  █████╗ ██╗   ██╗    ███████╗
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ██╔════╝
                        ██║  ██║███████║ ╚████╔╝     ███████╗
                        ██║  ██║██╔══██║  ╚██╔╝      ╚════██║
                        ██████╔╝██║  ██║   ██║       ███████║
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝       ╚══════╝

[Day 4] React Fragment

· One min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝
                    ██████╔╝█████╗  ███████║██║        ██║   
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║   
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║   
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   
                                                             
                        ██████╗  █████╗ ██╗   ██╗    ██╗  ██╗
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ██║  ██║
                        ██║  ██║███████║ ╚████╔╝     ███████║
                        ██║  ██║██╔══██║  ╚██╔╝      ╚════██║
                        ██████╔╝██║  ██║   ██║            ██║
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝            ╚═╝

[Day 3] React Component

· 3 min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝
                    ██████╔╝█████╗  ███████║██║        ██║   
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║   
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║   
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   
                                                             
                        ██████╗  █████╗ ██╗   ██╗    ██████╗ 
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ╚════██╗
                        ██║  ██║███████║ ╚████╔╝      █████╔╝
                        ██║  ██║██╔══██║  ╚██╔╝       ╚═══██╗
                        ██████╔╝██║  ██║   ██║       ██████╔╝
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝       ╚═════╝

[Day 2]開發環境設置和 JS Review

· 8 min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝
                    ██████╔╝█████╗  ███████║██║        ██║   
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║   
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║   
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   
                                                             
                        ██████╗  █████╗ ██╗   ██╗    ██████╗ 
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ╚════██╗
                        ██║  ██║███████║ ╚████╔╝      █████╔╝
                        ██║  ██║██╔══██║  ╚██╔╝      ██╔═══╝ 
                        ██████╔╝██║  ██║   ██║       ███████╗
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝       ╚══════╝

[Day 1] 第一個 React 應用程式 !

· 4 min read
deverqqqq
deverqqqq
                    ██████╗ ███████╗ █████╗  ██████╗████████╗
                    ██╔══██╗██╔════╝██╔══██╗██╔════╝╚══██╔══╝
                    ██████╔╝█████╗  ███████║██║        ██║   
                    ██╔══██╗██╔══╝  ██╔══██║██║        ██║   
                    ██║  ██║███████╗██║  ██║╚██████╗   ██║   
                    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   
                                                             
                        ██████╗  █████╗ ██╗   ██╗     ██╗    
                        ██╔══██╗██╔══██╗╚██╗ ██╔╝    ███║    
                        ██║  ██║███████║ ╚████╔╝     ╚██║    
                        ██║  ██║██╔══██║  ╚██╔╝       ██║    
                        ██████╔╝██║  ██║   ██║        ██║    
                        ╚═════╝ ╚═╝  ╚═╝   ╚═╝        ╚═╝