Go to content

Components, Patterns and sh*t it’s Hard to Deal with - Marco Cedaro, React Advanced 2021

React Advanced 2021 ##ReactAdvanced #GitNation Website – https://reactadvanced.com/ Follow the link to watch the full version of all the conference talks, QnA’s with speakers and hands-on workshop recordings → https://portal.gitnation.org/events/react-advanced-conference-2021 Talk: Components, Patterns and sh*t it’s Hard to Deal with Everyone has a pattern library or dreams about having one. We went through conversations and the codification of our visual dictionary and then we ended up with a beautiful living document. But what happens when we need to re-use our components and they don’t fit in the design? How do we re-use our patterns in slightly different use cases? We have all the tech to make a front end really modular, we have techniques and methodologies which enabled us avoiding the bad parts of the languages we use. Every part of the puzzle seems to be falling in the right place. Yet, sometimes we are struggling in handling the variations of our patterns in a reliable and maintainable way. Our codebase is getting filled with exceptions and overrides and refactoring of base patterns becomes impossible. Not a recipe for success, more of a way to frame the problem, identify some ideas we tried and re-discuss the way we approach componentisation. This event would not take place without the support of sponsors: 🏆 Platinum Sponsors Toptal → https://www.toptal.com/freelance-jobs The Graph → https://thegraph.com/en/ Focus Reactive → https://focusreactive.com/ 🥇 Gold Sponsors StackHawk → https://www.stackhawk.com/ Sanity → https://www.sanity.io Kontent by Kentico → https://kontent.ai/ Sourcegraph → https://about.sourcegraph.com/ Shopify → https://shopify.engineering/ Ionic → https://ionicframework.com/ JetBrains → https://www.jetbrains.com/ Progress KendoReact → https://www.telerik.com/kendo-react-ui/ Sentry → https://sentry.io/ Snyk → https://snyk.io/ Neuralegion→ https://www.neuralegion.com/ 🥈 Silver Sponsors Stream → https://getstream.io/ CodeSandbox → https://codesandbox.io/ Smarkets → https://smarkets.com/about/ 3T → https://studio3t.com/ Modus Create → https://moduscreate.com/ Theodo → https://www.theodo.co.uk/ Commercetools → https://commercetools.com/ Strapi → https://strapi.io/ MUX → https://mux.com/ Callstack → https://callstack.com/ hackajob → https://hackajob.co/talent Hasura → https://hasura.io/ twilio → https://twilio.com/ahoy/ zeroheight → http://www.zeroheight.com/

October 22, 2021