1. 全部課程
          2. 

        

    
        
        
        
            
    
    

    

    
    
        
        
        
    

    
    
        
    

    

    
        
        
    
        
    
        
        
        
            
        
                
                課程名稱：TypeScript 和 React Hook 的組件化開發培訓
        
                                    
        
            
        
                4401
                人關注
                
                
                
            
        
        
        
        
        
            
        
            
            
        
                
                
                    
                    
        
                    
                
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                    
        
                
                （78637/99817）
            
        
            
            
            

            
                
        
                
                
        
            
        
        
        
        
        
    
        
    
        
        
          
            
            
            
            
        • 
            
        • 
            
        • 
        
        
        
        
            
            
        
                

    
    
    
    
        
    
        
        
            
        
    課程大綱：
        
    
    
        TypeScript 和 React Hook 的組件化開發培訓
        
    
         
        
    
         
        
    
        DatePicker 作為一個前端常用的組件，開發時往往直接采用第三方開源組件庫的實現。
        
    
        
    
         
        
    
        1   前沿的前端開發方式
        
    
        2   TypeScript 開發 React 項目
        
    
         3  前端組件的單元測試
        
    
         4  React Hooks 的使用
        
    
        5   復雜的組件化開發
        
    
        6   webpack 項目打包配置
        
    
         1
        
      學習前的準備
        
    
         1.什么是TypeScript 
        
    
        2.什么是ReactHooks
        
    
         3.什么是組件化開發 
        
    
        4.什么是單元測試
        
    
         2
        
      搭建項目環境
        
    
         1.webpackconfigjswebpack配置 
        
    
        2.tsconfigjsonTypeScript配置 
        
    
        3.babelrc 
        
    
        4.源碼入口以及項目分層
        
    
         3
        
      TypeScript 基礎
        
    
         1.基礎類型 
        
    
        2.interface 
        
    
        3.泛型 
        
    
         4
        
      在 React 中使用 TypeScript
        
    
         1.classcomponent
        
    
         2.泛型聲明component的props和state 
        
    
         5
        
      React Hooks
        
    
         1.useState
        
    
         2.useEffect 
        
    
        3.useCallback
        
    
         4.useMemo
        
    
         5.useRef 
        
    
        6.函數式編程
        
    
         6
        
      編寫 DatePicker
        
    
         1.css3animation 
        
    
        2.受控組件 
        
    
        3.自定義hooks
        
    
         4.moment日期處理庫 
        
    
        5.組件拆分
        
    
         6.父子組件通信
        
    
         7
        
      編寫單元測試
        
    
         1.jest
        
    
         2.enzyme
        
    
         3.快照測試
        
    
         4.模擬文件和函數
        
    
         8
        
      發布到 npm 倉庫
        
    
         1.packagejson配置 
        
    
        2.模塊規范 
        
    
        3.npm包管理器