Paul Negoescu

Paul Negoescu

Passionate Engineer, Trainer, Speaker

To register at this workshop you need an AgileHub account. If you don’t have an account yet, please create one

We met Paul at Peak IT 2019 – but by that time he had already heard about us and he joined AgileHub shortly after.

In less than one year, Paul has already held workshops, our first Meetup and currently he is the lead trainer for our first 16-week FrontEnd and React program.

He has extensive experience; he is always in a good mood and he likes to contribute and help others. All these ingredients make the perfect combination for an IT specialist to join our team.

Workshop – Reusable Dialog Component in React

The goal of the workshop 

The goal of this workshop is to learn how to structure reusable React component, trying to learn a few best practices along the way. While we do this we will explore several concepts like Storybook, portals, and some other more advanced React features. 

What will we do in this workshop? 

We will build a Dialog Modal component using HTML, CSS and React. We will make the component highly configurable and extensible. We will also add the Modal to our existing Storybook. 

You are in the target of the audience if you:  

The target audience for this workshop Intermediate React developers (~1 year minimum experience with the library). 

People participating in the Workshop should have: 

  • Good understanding of React and basic hooks like useState and useEffect 
  • Advanced HTML, CSS and JavaScript knowledge, including ES6+ features 

What will you learn at the end: 

At the end of the workshop you should be comfortable with using Storybook to document your components. You should also have picked up a few good practices around making components reusable and configurable like using children and possibly other render props. You will learn why portals help when creating components that don’t need to be in the main component’s hierarchy. 

What tools do you need installed on your computer before the workshop starts 

  • Node JS v16: (14 should also work fine) 
  • Yarn (optional): npm install -g yarn 
  • Git: 
  • IDE of your choice (e.g. VS Code) 

In case you register for this workshop and you need info regarding tools, let us know, either by email or on Facebook Messenger.