Vansh's Blog.

Hosting Intro to React Workshop at Shiftkey Labs

Vansh Sood
Vansh Sood

I recently conducted a workshop on Intro to React at Shiftkey Labs, the tech entrepreneurship sandbox of Dalhousie University. The workshop covered all the basics of React JS and even included the implementation of a small to-do list application using React. We had around 15 people who participated in the workshop and I am thrilled to say that it was a great success.

react

The workshop started with an introduction to React and its advantages over other JavaScript frameworks. I explained how React helps in building reusable UI components and how it helps in building performant applications. We then dived into the fundamental concepts of React, such as components, state, and props.

Once we had covered the theoretical introduction, we moved onto the practical implementation. I showed the participants how to set up a development environment for building a React application. We then went on to implement a simple to-do list application using React. The implementation covered all the basic concepts of React, including creating components, managing state, and passing data between components using props.

During the implementation, I explained how to use React tools like React DevTools and how to debug React applications. I also shared some best practices and tips for building React applications, which the participants found incredibly useful.

At the end of the workshop, the participants had built a fully functional to-do list application using React. They were able to push the code to GitHub and deploy the application to a hosting service. The participants were also provided with the source code of the application and a set of exercises to practice and improve their skills.

workshop

Overall, the hosted workshop on Intro to React at Shiftkey Labs was a great learning experience for all the participants. They gained practical experience and improved their React skills. The workshop was interactive and engaging, and the participants had a chance to ask questions and clarify their doubts. I had a great time conducting the workshop and hope to do more such workshops in the future.

Thank you to all the participants who showed up and made it a great success. If you missed this workshop, don't worry - stay tuned for upcoming workshops and events. I hope to see you there!

The complete slide deck can be found here:

https://drive.google.com/file/d/1uoO_TFDY32n1c33LuKgQUVc0UZJ2be2k/view

The project repository can be found here:

https://github.com/Vansh983/react-starter-app