React UI: get hooked! - Thiago Alves
Multiple teams, multiple projects, shared style guide and more. There are many ways to share UI elements on React projects, but many of them will make you mad to scale development. We use many components to encapsulate only logic, inflating our projects and making testability difficult. We also use many third-party components, extremely useful, but often make us override style rules, inflating our CSS. Which patterns are the most used to share UI components logic? High order components? Render props? What could we do with hooks? That's what I would like to talk about. How could React hooks change the way we think UI. Hooks are a "JavaScript" way to solve logic sharing: reusable functions. Encapsulating, sharing and reusing our UI logic will be less painful because the state changing feature and the lifecycle methods can be extracted from our components.
--
Thiago is a front end and JavaScript developer, living in Santa Maria, in Southern Brazil. He started web development over ten years ago building websites for publicity agencies. After this he spent a time developing ERP products at web platform. He currently specializes in JavaScript applications (specially new kind of JavaScript applications) and is a Front End Developer at Codeminer 42.