RRU 097: State Management and React Component Design with Becca Bailey




React Round Up show

Summary: <p dir="ltr"><strong>Guest Becca Bailey gave a talk at ReactConf in 2019 called The State of React State in 2019 and will be giving another talk at an upcoming conference. She gives a summary of her ReactConf talk, which was inspired by her experiences she has had as a developer. In her talk, she talks about different tools and testing for state management. She and the panelists discuss how to recommend changing tools to a team instead of individuals. She shares some experiences from her job. They discuss ways to keep a work culture from turning toxic and how to start the conversation about state management. The React experts talk about strategies when you chose something for a project that ends up being the wrong decision, and prevent poor decisions like that in the future. It’s important to strike a balance between preparing for the future and anticipating it.</strong></p> <p dir="ltr"><strong>Becca and the panel discuss alternatives to using Redux for state management, and some of the advantages of using it. They discuss how to decide what is put into local versus global state and how to know when you can depreciate shared state. Becca has helped teams decide what conventions they will use moving forward for managing local and global state, which gives you a standard for code reviews that reduces decision fatigue. They discuss common use cases for refactoring. Put simply, refactoring becomes necessary when it becomes hard to make simple changes. Becca also talks about being intentional about managing team culture and ways to prevent problems from arising in the future. </strong></p> <h2 dir="ltr"><strong>Panelists</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong>Thomas Aylott</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Dave Cooper</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Charles Max Wood</strong></p> </li> </ul> <h2 dir="ltr"><strong>Guest</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong>Becca Bailey</strong></p> </li> </ul> <h2 dir="ltr"><strong>Sponsors</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="http://nxplaybook.com/">NxPlaybook.com</a> - Use code ‘NXDEVCHAT’ for 50% off the official<a href="https://nx.dev/React"> https://nx.dev/React</a> Advanced Workspaces course! </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.g2i.co/">G2i</a></strong></p> </li> </ul> <h2 dir="ltr"><strong>____________________________</strong></h2> <p dir="ltr"><strong>&gt; "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon.<a href="https://www.amazon.com/gp/product/B081MBL5C9/ref=as_li_ss_tl?ie=UTF8&amp;linkCode=sl1&amp;tag=devchattv-20&amp;linkId=9d61363241636e2546ef46abba198746&amp;language=en_US"> Get Your Copy Today!</a></strong></p> <h2 dir="ltr"><strong>____________________________________________________________</strong></h2> <h2 dir="ltr"><strong>Links</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://conf.reactjs.org/event.html?beccaliz">Becca’s ReactConf Talk</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://formidable.com/">Formidable</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://redux.js.org/">Redux</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.smashingmagazine.com/2020/01/introduction-react-context-api/">React Context</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://angular.io/">Angular</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://dojo.io/">Dojo.io</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://prettier.io/">Prettier</a></strong></p> </li> </ul> <h2 dir="ltr"><strong>Picks</strong></h2> <p dir="ltr"><strong>Thomas Aylott</strong></p> <ul dir="ltr"> <li><a href="https://roamresearch.com/">Roam Research</a></li> </ul> <p dir="ltr"><strong>Charles Max Wood</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><a href="https://www.bose.com/en_us/products/headphones/over_ear_headphones/soundlink-around-ear-wireless-headphones-ii.html">Bose Soundlink Headphones</a></p> </li> </ul> <p dir="ltr"><strong>Dave Cooper</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><a href="https://www.styled-components.com/">Styled components</a></p> </li> <li dir="ltr"> <p dir="ltr"><a href="https://www.gatsbyjs.org/">Gatsby</a></p> </li> </ul> <p dir="ltr"><strong>Becca Bailey</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><a href="https://formidable.com/open-source/victory/">Victory</a></p> </li> <li dir="ltr"> <p dir="ltr"><a href="https://www.amazon.com/Brotopia-Breaking-Boys-Silicon-Valley/dp/0735213534">Brotopia</a></p> </li> </ul>