Andrey Okonetchnikov's guest appearances

Andrey Okonetchnikov

React Round Up

Devchat.tv Episode Roundup

Eric Simons

Mark Erikson

Daishi Kato

Max Desiatov

Soumyajit Pathak

Alexey Ivanov

Andy Barnov

Tomas Eglinskas

Luis Vieira

Samuel Mendenhall

Ajay NS

Adam Laycock

Thomas Aylott

Aman Mittal

Colby Fayock

OwlTail

Episode Summary Andrey Okonetchnikov is a specialist in frontend architecture and design systems. He runs his own consultancy and made the package lint-staged. Andrey has been in programming for 20 years and talks about his background, how he got into React, and why he started component-driven.io. Andrey has always been interested in design tools and design systems, it just wasn’t the right time because the right tools weren’t available.  Since Andrey has been working in frameworks for 20 years and has watched them come and go, Lucas asks Andrey how he has seen the communication between developers and business owners evolve over that time. Andrey reflects on his first conference talk and believes that not much has changed, even if the tools have. His perfect interaction between developers and business owners would be codeless, and would instead draw his design on a napkin.  This idea ties into Andrey’s ideas of creating things in primitives instead of wireframes. He relates his idea to the pattern philosophy of the building architect Christopher Alexander, the idea that specific design problems require specific solutions. He talks about since everything in React is a component, we can encapsulate a design decision into a component.  Since the power of components is redistributing knowledge, the panel discusses how components promotes reusability, accessibility, and sustainability in code. However, Frankenstein components are the dark side of reusability. Andrey talks about the dynamic view of a design system that does reuse and how to make sure that it evolves cleanly. They discuss how much of can be planned in advance the first time you’re creating a component versus how much should you not try to think too far ahead and fix it when it comes up. They all agree that early abstraction can be almost as destructive as early optimization Panelists   Leslie Cohn-Wein   Thomas Aylott   Lucas Reis   With special guest: Andrey Okonetchnikov Sponsors   Sustain Our Software   Sentry use the code “devchat” for 2 months free on Sentry’s small plan   GitLab | Get 30% off tickets with the promo code: DEVCHATCOMMIT   Links   Lint-staged    Component-driven.io    Primitive   Shape Up book   Create prototype using AI : Airbnb test   Monica Lent twitter   Wireframe    jQuery   CoffeeScript    Backbone.js   Christopher Alexander   Follow DevChat on Facebook and Twitter Picks Leslie Cohn Wein:   Frontend Masters Intro to Vue course   Gatsby.js glossary   Thomas Aylott:   Designing Web Interfaces by Bill Scott   Lucas Reis:   Shape Up book   MIT open courseware   Andrey Okonetchnikov:   Components.ai 

<h3>Episode Summary</h3> Andrey Okonetchnikov is a specialist in frontend architecture and design systems. He runs his own consultancy and made the package lint-staged. Andrey has been in programming for 20 years and talks about his background, how he got into React, and why he started <a href="http://component-driven.io" rel="nofollow" target="_blank">component-driven.io</a>. Andrey has always been interested in design tools and design systems, it just wasn’t the right time because the right tools weren’t available.  Since Andrey has been working in frameworks for 20 years and has watched them come and go, Lucas asks Andrey how he has seen the communication between developers and business owners evolve over that time. Andrey reflects on his first conference talk and believes that not much has changed, even if the tools have. His perfect interaction between developers and business owners would be codeless, and would instead draw his design on a napkin.  This idea ties into Andrey’s ideas of creating things in primitives instead of wireframes. He relates his idea to the pattern philosophy of the building architect Christopher Alexander, the idea that specific design problems require specific solutions. He talks about since everything in React is a component, we can encapsulate a design decision into a component.  Since the power of components is redistributing knowledge, the panel discusses how components promotes reusability, accessibility, and sustainability in code. However, Frankenstein components are the dark side of reusability. Andrey talks about the dynamic view of a design system that does reuse and how to make sure that it evolves cleanly. They discuss how much of can be planned in advance the first time you’re creating a component versus how much should you not try to think too far ahead and fix it when it comes up. They all agree that early abstraction can be almost as destructive as early optimization <h3>Panelists</h3> <ul> <li> Leslie Cohn-Wein </li> <li> Thomas Aylott </li> <li> Lucas Reis </li> </ul> With special guest: Andrey Okonetchnikov <h2>Sponsors</h2> <ul> <li> <a href="https://devchat.tv/sustain-our-software/" rel="nofollow" target="_blank">Sustain Our Software</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://devchat.tv/gitlabcommit" rel="nofollow" target="_blank">GitLab</a> | Get 30% off tickets with the promo code: DEVCHATCOMMIT </li> </ul> Links <ul> <li> <a href="https://github.com/okonet/lint-staged" rel="nofollow" target="_blank">Lint-staged</a> </li> <li> <a href="https://component-driven.io" rel="nofollow" target="_blank">Component-driven.io </a> </li> <li> <a href="https://medium.com/styled-components/announcing-primitives-support-for-truly-universal-component-systems-5772c7d14bc7" rel="nofollow" target="_blank">Primitive</a> </li> <li> <a href="https://basecamp.com/shapeup" rel="nofollow" target="_blank">Shape Up book</a> </li> <li> <a href="https://www.youtube.com/watch?v=3MPc3PZ6dc4" rel="nofollow" target="_blank">Create prototype using AI : Airbnb test</a> </li> <li> <a href="https://twitter.com/monicalent" rel="nofollow" target="_blank">Monica Lent twitter</a> </li> <li> <a href="https://www.npmjs.com/package/react-wireframe" rel="nofollow" target="_blank">Wireframe</a> </li> <li> <a href="https://jquery.com/" rel="nofollow" target="_blank">jQuery</a> </li> <li> <a href="https://coffeescript.org/" rel="nofollow" target="_blank">CoffeeScript</a> </li> <li> <a href="https://backbonejs.org/" rel="nofollow" target="_blank">Backbone.js</a> </li> <li> <a href="http://www.patternlanguage.com/ca/ca.html" rel="nofollow" target="_blank">Christopher Alexander</a> </li> </ul> Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a> <h3>Picks</h3> Leslie Cohn Wein: <ul> <li> <a href="https://frontendmasters.com/courses/vue/" rel="nofollow" target="_blank">Frontend Masters Intro to Vue course</a> </li> <li> <a href="https://www.gatsbyjs.org/docs/glossary/" rel="nofollow" target="_blank">Gatsby.js glossary</a> </li> </ul> Thomas Aylott: <ul> <li> <a href="http://shop.oreilly.com/product/9780596516253.do" rel="nofollow" target="_blank">Designing Web Interfaces by Bill Scott</a> </li> </ul> Lucas Reis: <ul> <li> <a href="https://basecamp.com/shapeup" rel="nofollow" target="_blank">Shape Up book</a> </li> <li> <a href="https://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-041-probabilistic-systems-analysis-and-applied-probability-fall-2010/video-lectures/" rel="nofollow" target="_blank">MIT open courseware</a> </li> </ul> Andrey Okonetchnikov: <ul> <li> <a href="https://components.ai/" rel="nofollow" target="_blank">Components.ai</a> </li></ul>

RRU 077: Reusing Code Responsibly with Andrey Okonetchnikov

Episode SummaryAndrey Okonetchnikov is a specialist in frontend architecture and design systems. He runs his own consultancy and made the package lint-staged. Andrey has been in programming for 20 years and talks about his background, how he got into React, and why he started component-driven.io. Andrey has always been interested in design tools and design systems, it just wasn’t the right time because the right tools weren’t available. Since Andrey has been working in frameworks for 20 years and has watched them come and go, Lucas asks Andrey how he has seen the communication between developers and business owners evolve over that time. Andrey reflects on his first conference talk and believes that not much has changed, even if the tools have. His perfect interaction between developers and business owners would be codeless, and would instead draw his design on a napkin. This idea ties into Andrey’s ideas of creating things in primitives instead of wireframes. He relates his idea to the pattern philosophy of the building architect Christopher Alexander, the idea that specific design problems require specific solutions. He talks about since everything in React is a component, we can encapsulate a design decision into a component. Since the power of components is redistributing knowledge, the panel discusses how components promotes reusability, accessibility, and sustainability in code. However, Frankenstein components are the dark side of reusability. Andrey talks about the dynamic view of a design system that does reuse and how to make sure that it evolves cleanly. They discuss how much of can be planned in advance the first time you’re creating a component versus how much should you not try to think too far ahead and fix it when it comes up. They all agree that early abstraction can be almost as destructive as early optimizationPanelists  Leslie Cohn-Wein   Thomas Aylott   Lucas Reis  With special guest: Andrey OkonetchnikovSponsors  Sustain Our Software   Sentry use the code “devchat” for 2 months free on Sentry’s small plan   GitLab | Get 30% off tickets with the promo code: DEVCHATCOMMIT  Links  Lint-staged    Component-driven.io    Primitive   Shape Up book   Create prototype using AI : Airbnb test   Monica Lent twitter   Wireframe    jQuery   CoffeeScript    Backbone.js   Christopher Alexander  Follow DevChat on Facebook and TwitterPicksLeslie Cohn Wein:  Frontend Masters Intro to Vue course   Gatsby.js glossary  Thomas Aylott:  Designing Web Interfaces by Bill Scott  Lucas Reis:  Shape Up book   MIT open courseware  Andrey Okonetchnikov:  Components.ai  Special Guest:  Andrey Okonetchnikov. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

<h3>Episode Summary</h3>Andrey Okonetchnikov is a specialist in frontend architecture and design systems. He runs his own consultancy and made the package lint-staged. Andrey has been in programming for 20 years and talks about his background, how he got into React, and why he started <a href="http://component-driven.io" rel="nofollow" target="_blank">component-driven.io</a>. Andrey has always been interested in design tools and design systems, it just wasn’t the right time because the right tools weren’t available. Since Andrey has been working in frameworks for 20 years and has watched them come and go, Lucas asks Andrey how he has seen the communication between developers and business owners evolve over that time. Andrey reflects on his first conference talk and believes that not much has changed, even if the tools have. His perfect interaction between developers and business owners would be codeless, and would instead draw his design on a napkin. This idea ties into Andrey’s ideas of creating things in primitives instead of wireframes. He relates his idea to the pattern philosophy of the building architect Christopher Alexander, the idea that specific design problems require specific solutions. He talks about since everything in React is a component, we can encapsulate a design decision into a component. Since the power of components is redistributing knowledge, the panel discusses how components promotes reusability, accessibility, and sustainability in code. However, Frankenstein components are the dark side of reusability. Andrey talks about the dynamic view of a design system that does reuse and how to make sure that it evolves cleanly. They discuss how much of can be planned in advance the first time you’re creating a component versus how much should you not try to think too far ahead and fix it when it comes up. They all agree that early abstraction can be almost as destructive as early optimization<h3>Panelists</h3><ul> <li> Leslie Cohn-Wein </li> <li> Thomas Aylott </li> <li> Lucas Reis </li> </ul>With special guest: Andrey Okonetchnikov<h2>Sponsors</h2><ul> <li> <a href="https://devchat.tv/sustain-our-software/" rel="nofollow" target="_blank">Sustain Our Software</a> </li> <li> <a href="http://sentry.io/" rel="nofollow" target="_blank">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li> <li> <a href="https://devchat.tv/gitlabcommit" rel="nofollow" target="_blank">GitLab</a> | Get 30% off tickets with the promo code: DEVCHATCOMMIT </li> </ul>Links<ul> <li> <a href="https://github.com/okonet/lint-staged" rel="nofollow" target="_blank">Lint-staged</a> </li> <li> <a href="https://component-driven.io" rel="nofollow" target="_blank">Component-driven.io </a> </li> <li> <a href="https://medium.com/styled-components/announcing-primitives-support-for-truly-universal-component-systems-5772c7d14bc7" rel="nofollow" target="_blank">Primitive</a> </li> <li> <a href="https://basecamp.com/shapeup" rel="nofollow" target="_blank">Shape Up book</a> </li> <li> <a href="https://www.youtube.com/watch?v=3MPc3PZ6dc4" rel="nofollow" target="_blank">Create prototype using AI : Airbnb test</a> </li> <li> <a href="https://twitter.com/monicalent" rel="nofollow" target="_blank">Monica Lent twitter</a> </li> <li> <a href="https://www.npmjs.com/package/react-wireframe" rel="nofollow" target="_blank">Wireframe</a> </li> <li> <a href="https://jquery.com/" rel="nofollow" target="_blank">jQuery</a> </li> <li> <a href="https://coffeescript.org/" rel="nofollow" target="_blank">CoffeeScript</a> </li> <li> <a href="https://backbonejs.org/" rel="nofollow" target="_blank">Backbone.js</a> </li> <li> <a href="http://www.patternlanguage.com/ca/ca.html" rel="nofollow" target="_blank">Christopher Alexander</a> </li> </ul>Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" rel="nofollow" target="_blank">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" rel="nofollow" target="_blank">Twitter</a><h3>Picks</h3>Leslie Cohn Wein:<ul> <li> <a href="https://frontendmasters.com/courses/vue/" rel="nofollow" target="_blank">Frontend Masters Intro to Vue course</a> </li> <li> <a href="https://www.gatsbyjs.org/docs/glossary/" rel="nofollow" target="_blank">Gatsby.js glossary</a> </li> </ul>Thomas Aylott:<ul> <li> <a href="http://shop.oreilly.com/product/9780596516253.do" rel="nofollow" target="_blank">Designing Web Interfaces by Bill Scott</a> </li> </ul>Lucas Reis:<ul> <li> <a href="https://basecamp.com/shapeup" rel="nofollow" target="_blank">Shape Up book</a> </li> <li> <a href="https://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-041-probabilistic-systems-analysis-and-applied-probability-fall-2010/video-lectures/" rel="nofollow" target="_blank">MIT open courseware</a> </li> </ul>Andrey Okonetchnikov:<ul> <li> <a href="https://components.ai/" rel="nofollow" target="_blank">Components.ai</a> </li> </ul>Special Guest: Andrey Okonetchnikov. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>