Time to React: React Atomic & React Hooks - August 2020 - Live Stream

04:08 - Intro
08:35 - Elliot - Static Callbacks with React Hooks
27:25 - Q&A
35:05 - Kannan - React ATOMIC data driven
1:12:38 - Q&A

Organised by Woodrow Mercer and presented by Pusher.

We're back!!! After taking time off from TTR over the summer we're back with our next episode of our favourite meetup & with some of our favourite speakers!!

Join us on a YouTube live stream from the comfort of your couch, garden, office, tree house, submarine - or wherever you can get access to wifi - and listen to 2 awesome presentations from React gurus:

1 - Elliot Thomas from Hyperexponential has a track record of providing awesome content and engaging presentations, but he has never been tested on the live stream - until now!!! Elliot will be discussing a recent blog post that he has written in more detail.

About the talk:
Static callbacks with React Hooks: What class components did right!”

React Hooks have revolutionised the way we write components, but class components may have the edge when it comes to callbacks. This talk discusses potential performance problems and their optimisation arising from the useCallback hook. You can find the supporting article on the hyperexponential blog at: https://medium.com/hyperexponential/static-callbacks-with-react-hooks-what-class-components-did-right-bd2e31d59597


2 - Kannan Ganesan a Senior Front End Dev from Simply Business will be joining us for the first time! Simply Business have provided us with several speakers in the past and as a venue for the meetup on 2 different occasions. So we're confident that Kannan will live up to their high standards!

About the talk:
React ATOMIC data driven, dynamic design elements with plug and play playground

In React, how the Atomic Design methodology allowed me to create a great design system from scratch and made me a better developer, with principles of componentization, hierarchies, and reuses of code.

- Forms are undoubtedly the most basic interaction pattern between a user and a web server. From the first login to the last order confirmation, all these actions are still handled by a few HTML elements as inputs or buttons. With this high importance and the emerging power of JavaScript, forms are becoming more and more complex. Asynchronous validation and submit, dynamic elements, touch-based controls, complex multi-searchable dropdowns supporting different localization configurations and many more advanced features are slowly but surely replacing simple static HTML pages.

- There were many discussions about how to deal with it, but ultimately, a data driven approach was chosen as the solution. What does it actually mean? Because you have read the title, you probably have some idea, but essentially it means that instead of writing HTML markup and JavaScript code, simple data is written with no dependency on the technology used. We can also call it a declarative way to write forms. Same as in the declarative paradigm, a programmer does not need to specify how to build the form, but only what the user should see and how it should behave. Everything else is done by magic

___________________________

The current pandemic obviously means that we can't all be together right now - but fear not because you can get just as involved with the content as if you were in the same room struggling to concentrate over the smell of the pizza. You can ask questions real time to our speakers at the end of each of their presentations and share your thoughts with each other throughout!