舉報

會員
React Design Patterns and Best Practices(Second Edition)
ReactisanadaptableJavaScriptlibraryforbuildingcomplexUIsfromsmall,detachedbitscalledcomponents.ThisbookisdesignedtotakeyouthroughthemostvaluabledesignpatternsinReact,helpingyoulearnhowtoapplydesignpatternsandbestpracticesinreal-lifesituations.You’llgetstartedbyunderstandingtheinternalsofReact,inadditiontocoveringBabel7andCreateReactApp2.0,whichwillhelpyouwritecleanandmaintainablecode.Tobuildonyourskills,youwillfocusonconceptssuchasclasscomponents,statelesscomponents,andpurecomponents.You'lllearnaboutnewReactfeatures,suchasthecontextAPIandReactHooksthatwillenableyoutobuildcomponents,whichwillbereusableacrossyourapplications.ThebookwillthenprovideinsightsintothetechniquesofstylingReactcomponentsandoptimizingthemtomakeapplicationsfasterandmoreresponsive.Intheconcludingchapters,you’lldiscoverwaystowritetestsmoreeffectivelyandlearnhowtocontributetoReactanditsecosystem.Bytheendofthisbook,youwillbeequippedwiththeskillsyouneedtotackleanydevelopmentalsetbackswhenworkingwithReact.You’llbeabletomakeyourapplicationsmoreflexible,efficient,andeasytomaintain,therebygivingyourworkflowaboostwhenitcomestospeed,withoutreducingquality.
目錄(205章)
倒序
- coverpage
- Title Page
- About Packt
- Why subscribe?
- Packt.com
- Copyright and Credits
- React Design Patterns and Best Practices Second Edition
- Contributors
- About the author
- About the reviewer
- Packt is searching for authors like you
- Preface
- Who this book is for
- What this book covers
- To get the most out of this book
- Download the example code files
- Download the color images
- Conventions used
- Get in touch
- Reviews
- Section 1: Hello React!
- Taking Your First Steps with React
- Declarative programming
- React elements
- Unlearning everything
- Common misconceptions
- Summary
- Clean Up Your Code
- JSX
- Babel 7
- Hello World!
- DOM elements and React components
- Props
- Children
- Differences with HTML
- Attributes
- Style
- Root
- Spaces
- Boolean attributes
- Spread attributes
- JavaScript templating
- Common patterns
- Multi-line
- Multi-properties
- Conditionals
- Loops
- Control statements
- Sub-rendering
- Code style
- EditorConfig
- Configuring EditorConfig
- ESLint
- Installation
- Configuration
- Git hooks
- React plugin
- Airbnb React/JSX style guide
- The basics of functional programming
- First-class objects
- Purity
- Immutability
- Currying
- Composition
- FP and user interfaces
- Summary
- Section 2: How React works
- Creating Truly Reusable Components
- Creating classes
- The createClass factory
- Extending React.Component
- The main differences
- Props
- State
- Autobinding
- Stateless components
- Props and context
- The this keyword
- State
- Life cycle
- Refs and event handlers
- Optimization
- Layout components
- The state
- External libraries
- How it works
- Asynchronous
- Using the state
- Derivables
- The render method
- React hooks
- Prop types
- React Docgen
- Reusable components
- Fragments
- Summary
- Compose All the Things
- Communication between components
- Children
- The container and presentational pattern
- Mixins
- Higher order components
- Recompose
- Context
- FunctionAsChild
- Summary
- Proper Data Fetching
- Data flow
- Child-parent communication (callbacks)
- Common parent
- Data fetching
- React-refetch
- Context API
- Summary
- Write Code for the Browser
- Forms
- Uncontrolled components
- Controlled components
- JSON schema
- Handling events
- Refs
- Animations
- React motion
- Scalable Vector Graphics
- Summary
- Section 3: Performance Improvements and Production!
- Make Your Components Look Beautiful
- CSS in JavaScript
- Inline styles
- Radium
- CSS modules
- Webpack 4
- Setting up a project
- Locally scoped CSS
- Atomic CSS modules
- React CSS modules
- Styled components
- Summary
- Server-Side Rendering for Fun and Profit
- Universal applications
- Reasons to implement SSR
- SEO
- A common code base
- Better performance
- Don't underestimate the complexity
- A basic example
- A data fetching example
- Next.js
- Summary
- Improve the Performance of Your Applications
- Reconciliation
- Keys
- Optimization techniques
- shouldComponentUpdate
- Stateless functional components
- Common solutions
- Why did you update?
- Creating functions inside the render method
- Constants props
- Refactoring and good design
- Tools and libraries
- Immutability
- Babel plugins
- Summary
- About Testing and Debugging
- The benefits of testing
- Painless JavaScript testing with Jest
- Testing events
- React DevTools
- Redux DevTools
- Summary
- React Router
- Installation and configuration
- Creating our sections
- Adding parameters to the routes
- Summary
- Anti-Patterns to be Avoided
- Initializing the state using properties
- Mutating the state
- Using indexes as a key
- Spreading properties on DOM elements
- Summary
- Deploying to Production
- Creating our first Digital Ocean Droplet
- Signing up to Digital Ocean
- Creating our first Droplet
- Installing Node.js
- Configuring Git and GitHub
- Turning off our droplet
- Configuring nginx PM2 and a domain
- Installing and configuring nginx
- Setting up a reverse proxy server
- Adding a domain to our droplet
- Implementing CircleCI for continuous integration
- Adding an SSH key to CircleCI
- Configuring CircleCI
- Creating ENV variables in CircleCI
- Summary
- Next Steps
- Contributing to React
- Distributing your code
- Publishing an npm package
- Summary
- Other Books You May Enjoy
- Leave a review - let other readers know what you think 更新時間:2021-06-24 15:44:12
推薦閱讀
- 智慧城市:大數據、互聯網時代的城市治理(第4版)
- SEO 20日
- 計算機網絡與數據通信
- 智慧城市中的移動互聯網技術
- 互聯網安全的40個智慧洞見:2014年中國互聯網安全大會文集
- 圖解手機元器件維修技巧
- CCNP TSHOOT(642-832)認證考試指南
- 通信原理及MATLAB/Simulink仿真
- 夢工廠之材質N次方:Maya材質手冊
- 4G小基站系統原理、組網及應用
- 網管工具使用與技巧大全
- 網絡工程實施技術與方案大全
- 高級網絡技術
- 圖解物聯網
- 物聯網概論
- 網絡分析技術揭秘:原理、實踐與WinPcap深入解析
- 巧學活用CISCO網絡典型配置
- 天下一家:網絡聯通世界(科學新導向叢書)
- 產品經理游戲化設計思維70計
- 基于問題學習的計算機網絡教程
- WLAN技術問答
- CTO說
- 計算機網絡應用基礎(第3版)
- 中國互聯網發展報告(2010)
- Cisco局域網交換機配置手冊(第2版)
- 網絡升級與改造實戰指南
- 下一代互聯網
- 網絡信息安全實訓
- 漢語框架網絡工程構建及應用
- 實施Cisco統一通信VoIP和QoS(CVOICE)學習指南(第4版)