Simply React - Kent C. Dodds (Byteconf React 2020 Keynote)
"Simply React" (Keynote) - Kent C. Dodds at #Byteconf React 2020
Follow Kent C. Dodds on Twitter: https://twitter.com/kentcdodds
One of the things I love about React is how easy it is to encapsulate UI code into a component or hook. I love this because it makes reuse of those things easy. But is it easy? I've made my fair share of components that had to accept a bunch of props to handle a growing list of different use cases resulting in a complex render function full of conditional statements and a confusing API for people using this "reusable" component. Eventually it becomes too much and I had to make a new version of the same component to handle slightly different use cases. Lots of code/bug duplication there because my reusable component wasn't reusable enough.
There are patterns that have emerged in React that allow you to promote code reuse without sacrificing the simplicity or flexibility of the component. In this talk we'll go over several of these patterns that will make your React components and hooks more useful.
#Byteconf React 2020, a fully remote + free two-day React conference, went live on May 1st & 2nd, 2020. Subscribe to our channel so you don't miss our future free events!
🐦 Follow Bytesized Code on Twitter https://twitter.com/bytesizedcode
🐦 Follow your host Kristian on Twitter https://twitter.com/signalnerve
Join our Discord: https://www.bytesized.xyz/discord
---
💛 BYTESIZED CODE is building a developer community for everyone! We publish weekly programming tutorials and guides, and also produce the unique online conference Byteconf, where developers around the world learn in a live-streamed, 100% free dev conference. Join our community! https://www.bytesized.xyz
Видео Simply React - Kent C. Dodds (Byteconf React 2020 Keynote) канала Code With Kristian
Follow Kent C. Dodds on Twitter: https://twitter.com/kentcdodds
One of the things I love about React is how easy it is to encapsulate UI code into a component or hook. I love this because it makes reuse of those things easy. But is it easy? I've made my fair share of components that had to accept a bunch of props to handle a growing list of different use cases resulting in a complex render function full of conditional statements and a confusing API for people using this "reusable" component. Eventually it becomes too much and I had to make a new version of the same component to handle slightly different use cases. Lots of code/bug duplication there because my reusable component wasn't reusable enough.
There are patterns that have emerged in React that allow you to promote code reuse without sacrificing the simplicity or flexibility of the component. In this talk we'll go over several of these patterns that will make your React components and hooks more useful.
#Byteconf React 2020, a fully remote + free two-day React conference, went live on May 1st & 2nd, 2020. Subscribe to our channel so you don't miss our future free events!
🐦 Follow Bytesized Code on Twitter https://twitter.com/bytesizedcode
🐦 Follow your host Kristian on Twitter https://twitter.com/signalnerve
Join our Discord: https://www.bytesized.xyz/discord
---
💛 BYTESIZED CODE is building a developer community for everyone! We publish weekly programming tutorials and guides, and also produce the unique online conference Byteconf, where developers around the world learn in a live-streamed, 100% free dev conference. Join our community! https://www.bytesized.xyz
Видео Simply React - Kent C. Dodds (Byteconf React 2020 Keynote) канала Code With Kristian
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Managing React Application State Management - Talk by Kent C. Dodds](https://i.ytimg.com/vi/zpUMRsAO6-Y/default.jpg)
![Custom Hooks in React: The Ultimate UI Abstraction Layer - Tanner Linsley | JSConf Hawaii 2020](https://i.ytimg.com/vi/J-g9ZJha8FE/default.jpg)
![React Hook Pitfalls - Kent C. Dodds - React Rally 2019](https://i.ytimg.com/vi/VIRcX2X7EUk/default.jpg)
![Beginner React.js Coding Interview (ft. Clément Mihailescu)](https://i.ytimg.com/vi/gnkrDse9QKc/default.jpg)
![Cassidy Williams - Building reusable UI libraries with React](https://i.ytimg.com/vi/eBaA_jESC-A/default.jpg)
![The introduction to React you've been missing - Kent C. Dodds](https://i.ytimg.com/vi/SAIdyBFHfVU/default.jpg)
![Don't Solve Problems, Eliminate Them - Kent C Dodds, React Advanced 2021](https://i.ytimg.com/vi/SMJKUHNrPng/default.jpg)
![AHA Programming – Kent C. Dodds](https://i.ytimg.com/vi/wuVy7rwkCfc/default.jpg)
![React Best Practices](https://i.ytimg.com/vi/ocKqJCYkJCs/default.jpg)
![React Query: It’s Time to Break up with your "Global State”! –Tanner Linsley](https://i.ytimg.com/vi/seU46c6Jz7E/default.jpg)
![Livestream with Kent: React Patterns](https://i.ytimg.com/vi/WV0UUcSPk-0/default.jpg)
![Recoil Tutorial | React State Libraries](https://i.ytimg.com/vi/jsp4h0ZQsbw/default.jpg)
![Learn REACT JS in just 30 MINUTES (2021)](https://i.ytimg.com/vi/vIRBSI-elUM/default.jpg)
![EpicReact.Dev Tour 🚀](https://i.ytimg.com/vi/SDWxeGKX7Fs/default.jpg)
![React events in depth w/ Kent C. Dodds, Ben Alpert, & Dan Abramov](https://i.ytimg.com/vi/dRo_egw7tBc/default.jpg)
![React Interview Questions and answers | Top Commonly Asked | Part -1](https://i.ytimg.com/vi/uRkS5Dqf8ic/default.jpg)
![Consume ➡️ Build ➡️ Teach - Kent C. Dodds](https://i.ytimg.com/vi/yUcd_gXByoQ/default.jpg)
![Front End Center — Single Responsibility Components: Object-Oriented Design in React](https://i.ytimg.com/vi/pSdp92Up8O8/default.jpg)
![BUILDING WITH GRANDSTACK: GraphQL, React, Apollo, and Neo4j](https://i.ytimg.com/vi/j0FzSfP2_TE/default.jpg)
![Create Your Own State Management Library - London Node User Group - July 2019](https://i.ytimg.com/vi/OdIYFt5zyQ8/default.jpg)