What is full stack development? Why do I want to become a full-stack developer?

Explore the revolutionary features of SkillPies.com,.

Let's set up your class environment with Github classroom!

Setting up our first assignment

Instructions on how to run and test your project

Introduction to React and ReactDOM packages

Your first assignment, in which you create a landing page for your app.

Let's talk about Git and Github and different processes involved in this 101 session.

What is JSX, and how can we combine javascript code and HTML to create reusable interactive components?

Learn how to pass values to React components and see how to handle mandatory or optional variables.

A short exercise to practice your Props skills

Learn how to apply styles and classes to your react project

Learn about react hooks and how they can help you to build genuinely reactive components!

Test your skills creating a reactive card component.

We explore how you can conditionally render your UI based on values of props, states or variables.

You will render lists of component content from array variables.

Test your skills of using lists and conditions in your React app

Learn how to create event handlers and use them to create custom forms for data collection.

Test your skills in developing forms and add the possibility to add a custom todo.

Second assignment where you need to update react ui.

Optimise your component rendering with memo

Learn about React component lifecycle and how to perform actions in different stages

Optimise the rendering of your component using the useMemo hook to cache expensive computations

Learn how to interact with DOM using useRef

Learn how to use forwardRef or ref to access html elements in your child component!

Use this hook to boost developer experience for your application

Test your skills in creating a custom dropdown component and using useImperativeHandle

Let's learn about the React Context, a convenient way of sharing common states or configurations.

Learn about further optimisations with using useCallback

Learn how to correctly handle ids in Forms with useId

Learn a different way of managing complex states using the useReducer