eurobank-training  

Mid2019: My Training Tutorial Guide created for the company I work for, that provides step-by-step material to trainees and elegantly stops for explaining the most important concepts of creating a React Application, using also in the end a glimpse of Redux store. I'm Nikolas from Athens, Greece. Please add me in LinkedIn and endorse me for my relevant experience: https://www.linkedin.com/in/nmpegetis/. (Duration = 1 week)

Eurobank Training - React Application > #### In this repository we are going step-by-step to create a react application for the bank's projects' status > * Guidelines: How to proceed in this training tutorial > * Step 1: Create a fresh react app > * Step 2: Use a react application layout for the project suggested by the author > * Step 3: Create widget components that we are going to use in this application (you can also check this repository: eurobank-training-widgets-playground to find out how to use components in isolation when creating them) and present them in a /widgets route > * Step 4: Create a Form component based on widget components and present it in a /form route > * Step 5: Enrich form component with state and props > * Step 6: Create a Board component based on widget components and present it in a / route > * Step 7: Transfer the logic of Board component some levels above and forward table's data and columns via props > * Step 8: Interconnect Form components submission to be tranferred and fill Board table's rows and columns > * Step 8.1: Interconnect Form and Board by transferring data with event handlers to parental components and through props to children > * Step 8.2: Connect Form and Board to a Redux store which provides them with the pieces of the data they needs from the store, and the functions they can use to dispatch actions to the store