Created by: David Katz, Software Engineer - Coding Instructor
Language: English
Released: 2019
Torrent Contains: 45 Files
Course Source: https://www.skillshare.com/classes/React-Hooks-Tutorial-Master-React-JS-Hooks-Development/1230122486

Description

You should take this course if you want to learn about React Hooks in a time-efficient and thorough manner/

What are React Hooks?

React hooks are the largest update to React since its inception.

They’re a way for function components to “hook” into React functionality. Previously, when you wanted React components to have state or side effects, you needed to extend the base React Component class. Now, function components need only to apply a hook to gain this functionality.

Should I care about hooks?

As a web and React developer, and software engineer, you should definitely care about React hooks. This feature is the future of React. Since the feature is still so new, learning React hooks will set you apart as a web developer and engineer.

When I first started exploring hooks, I was pleasantly surprised at the simplicity of the API. I was expecting to need a huge mental shift. But as I continued to create new components with hooks, I started to see the power of the new paradigm. If anything, I find React even more elegant than I did before!

In this course, you’ll learn what hooks are, how they work, and why they’re so exciting. Here’s the course journey:

• Dive into React hooks right away. You’ll gain relevant experience as soon as the first section. Time is a precious resource. And I want to make sure you feel like you’re spending your time wisely with this course. So in a matter of minutes, you will be writing React hooks code by building an application.
• Build an interesting React app to explore hooks. The first project of the course is an application called Home. Home can serve as the home page of your browser. It has a bunch of useful widgets like a custom search bar, a photo gallery, a list of the latest hacker news, and more. It has a variety of use cases that will cover the essentials of React hooks.
• Understand coding hurdles with hooks. When learning hooks, like any new technology, it will require a little bit of a mental shift. There’s a few coding hurdles to get through, and this course will show the right way to approach those situations.
• Learn how hooks work under the hood. It’s not necessary to deep dive into the React engine to code with hooks. But it’s extremely helpful to explore how React works underneath the surface layer. So this course is going to dig deeper and give you that under the hood perspective of React with hooks.
• Explore interesting cases with JavaScript and hooks. Hooks have a simple API. You call them as functions. But their behavior may not always align with your expectations as a JavaScript developer. In this course, you’ll cover a handful of interesting cases that appear when you try to jive hooks with JavaScript functionality.
• Look at the big picture and answer the question of why. Why were hooks introduced to React - an already well established framework? Throughout the course, you’ll get the answer in tidbits throughout various videos. In addition, there will be a section completely devoted to answering this more thoroughly.
• Build a project to master hooks. The second project in the course is an app called Reaction. This multi-user application allows people to share messages and react to them with emojis. The intent of the project is to give you the chance to both master previous material, and learn more advanced concepts with out of the box hooks.

In summary, you should take this course if you want to learn React Hooks in a time-efficient way, while building relevant and engaging projects. Again, even if you only complete the preview content, you’ll walk away with a lot of valuable lessons learned.

See you there!

Skills in this Class

• TECHNOLOGY
• WEB DEVELOPMENT
• JAVASCRIPT
• REACT
• REACT HOOKS
• FRONTEND WEB DEVELOPMENT

Project Description

Extend the projects built in this course!

For the home application, there are plenty of features that you can add. In all these areas, use React hooks as much as possible where they apply:

• Add a list that fetches current jobs for software engineers in your area. Use the Github Jobs API to current job listings. Feel free to use the proxy I made around the original Github Jobs API: https://github.com/15Dkatz/github-jobs-proxy
• Create a widget that keeps track of reminders. If you open the application, and a reminder is due, have the reminder popup to alert the user.
• Build a list of your favorite YouTube videos. Or use the YouTube API to fetch new posts from your favorite channels. You can do this with twitter/facebook, or any creative-content platform.

For the reaction application, there are also many features you can add:

• Implement message votes. That way, you can see which posts are the most popular.
• Add a storage system and database. This will allow users to see posts created even before their visit.
• Batch up the same emojis, and count them. Rather than having a new span per emoji reaction, this would have an emoji accompanied by a counter. It’s a way to display almost the same exact information in a more space-efficient manner.

Feel free to reach out to me with advice on any of the above points, or anything else! Find links to do so at my website at davidtkatz.com

About Author

David is a software engineer at Zendesk, with a Bachelor of Computer Science from the University of San Francisco.

David has gained valuable experience from the tech industry. By incorporating these best practices, he hopes to create the highest quality learning experiences possible.

Feel free to connect with David! He is always curious about the cool project you're working on. And he loves to discuss ideas on how to build impactful technology.

For More Udemy Free Courses >>> https://ftuforum.com/
For more Lynda and other Courses >>> https://www.freecoursesonline.me/
Our Forum for discussion >>> https://discuss.ftuforum.com/