My name is Ebenezer Ogbu, and I am a full stack developer which means that I developer both front end application and back end application

When it comes to front end applications, I notice that much thought is not always given to developing the components that we implement in our applications. Which means that we do not fully utilise the full power of most of our front-end frameworks, including React, Angular, and Vue.

This gap has led me into developing this video, which takes you through the process of identifying components from the UI UX design and any requirements documents and then implementing those components in our applications.

In this training, I covered the principles of identifying, naming, and numbering the components using mind map.

After identifying, naming and transferring the detail to a mind map, I moved into implementing the components in our applications.

First, we started off implementing the components in a react application. I showed how to layout the folder to enable us to implement our component architecture and then showed how to create the individual components in our module.

Then I showed how to implement the same components in Angular.