Lci3f5kvpd1dbeshgnai
SkillsCast

Stripping Down Components With React Browser Hooks

10th July 2019 in London at Business Design Centre

There are 71 other SkillsCasts available from FullStack London 2019 - The Conference on JavaScript, Node & Internet of Things

Please log in to watch this conference skillscast.

798145405 640x360

Often times, developers directly access specific browser functionality/events within react components. The specifics take time to research and implement, especially given cross-browser considerations and other nuances. It can also negatively impact the readability and fingerprint of a component, and sometimes developers might even forget to tidy up. Based on their research, the same functionality is being implemented over and over again, and significant time is being wasted re-inventing the wheel.

Custom React Hooks make it possible strip out and abstract full slices of related browser functionality into tidy, testable, reusable atomic libraries. This means that developers can import and use hooks that completely abstract this functionality, keeping their components clean while improving productivity and quality.

During this talk Cian will:

  • Provide evidence of the problem based on our experience/research
  • Show a real example of how such a hook could tidy up a component significantly
  • Demo the various functions that have been wrapped up neatly for re-use in their React Browser Hooks npm package

https://github.com/nearform/react-browser-hooks

YOU MAY ALSO LIKE:

Thanks to our sponsors

Stripping Down Components With React Browser Hooks

Cian Foley

Cian started his career in 1999 at the TSSG in WIT as a researcher working on various projects including the creation of a java based instant messaging (IM) platform with scripted bots, which was trialled in eCities context across Europe. In 2008 after completing a PG Dip in Enterprise Management he ran his own web development company for 8 years. In 2016, he returned to full-time employment as a researcher/developer to investigate the use of blockchain in a specific business context. Cian joined NearForm over a year ago and has been working as a full-stack developer on various open source and customer projects using Nodejs/React.

SkillsCast

Please log in to watch this conference skillscast.

798145405 640x360

Often times, developers directly access specific browser functionality/events within react components. The specifics take time to research and implement, especially given cross-browser considerations and other nuances. It can also negatively impact the readability and fingerprint of a component, and sometimes developers might even forget to tidy up. Based on their research, the same functionality is being implemented over and over again, and significant time is being wasted re-inventing the wheel.

Custom React Hooks make it possible strip out and abstract full slices of related browser functionality into tidy, testable, reusable atomic libraries. This means that developers can import and use hooks that completely abstract this functionality, keeping their components clean while improving productivity and quality.

During this talk Cian will:

  • Provide evidence of the problem based on our experience/research
  • Show a real example of how such a hook could tidy up a component significantly
  • Demo the various functions that have been wrapped up neatly for re-use in their React Browser Hooks npm package

https://github.com/nearform/react-browser-hooks

YOU MAY ALSO LIKE:

Thanks to our sponsors

About the Speaker

Stripping Down Components With React Browser Hooks

Cian Foley

Cian started his career in 1999 at the TSSG in WIT as a researcher working on various projects including the creation of a java based instant messaging (IM) platform with scripted bots, which was trialled in eCities context across Europe. In 2008 after completing a PG Dip in Enterprise Management he ran his own web development company for 8 years. In 2016, he returned to full-time employment as a researcher/developer to investigate the use of blockchain in a specific business context. Cian joined NearForm over a year ago and has been working as a full-stack developer on various open source and customer projects using Nodejs/React.

Photos