First Step in Setting Up React Hook Project from Scratch by Chris, Fullstack Engineer at Solve GMBH
In this video, Chris Frewin, a fullstack software engineer at Solve GMBH, walks you through the initial steps to set up a React Hook project from scratch. We'll be recreating React Use, truly from scratch.
Join Chris Frewin as he dives into the setup of a new React Hook project. Learn how to set up your environment, configure your project, and prepare for developing custom React hooks with TypeScript.
👉 Learn more from the course here: https://www.newline.co/courses/master...
By the conclusion of the entire course, you will have mastered:
✨ How to craft custom React Hooks using TypeScript
✨ Importance of the full lifecycle (mount, unmount, and more) of React Hooks
✨ How to integrate TypeScript types with custom React Hooks
✨ What problems TypeScript with React Hooks can solve
✨ How to create a community-ready custom React Hook package that is a joy to use
✨ and so much more!
📺 Stay ahead of the curve with our upcoming tutorials; hit subscribe on \newline's Channel for the latest insights: / @newlinedotco
This comprehensive YouTube tutorial and full course, Master Custom React Hooks with TypeScript, is crafted by \newline. We bring to light the advanced techniques that typically take years to learn in top tech firms.
Unlock immediate access to newline's complete library of e-books, guides, and courses, including this extensive course complete with code, with a \newline PRO subscription. Click here to become a subscriber 👉 https://www.newline.co/pricing
Engage with \newline Online!
🌐 Visit newline's Official Site: https://www.newline.co/
📘 Like newline on Facebook: / newlinedotco
🐦 Follow newline on Twitter: / newlinedotco
📸 Keep up with newline on Instagram: / newlinedotco
💬 Chat with us on Discord: / discord
Timestamps:
00:00 - Introduction
00:04 - Opening a terminal and creating a new directory
00:16 - Initializing the project with npm
00:30 - Setting up package.json
00:51 - Creating a GitHub repository
01:16 - Adding project description
01:29 - Copying repository URL
01:35 - Adding keywords and license
02:02 - Confirming setup
02:04 - Reviewing generated package.json
02:16 - Installing initial dependencies
02:22 - Installing React
02:30 - Installing TypeScript as a dev dependency
02:47 - Installing React types as a dev dependency
02:54 - Moving React to peer dependencies
#typescript #hooks #react #reacthooks #newline