Thursday, September 26, 2019

New Course: Next-Level React Apps With Hooks

Web technologies are always changing, and React is no exception. In the last several releases of React, we have been introduced to a new way of writing components: hooks. Learn how to use them in our new course, Next-Level React Apps With Hooks.

Next-Level React Apps With Hooks

What You’ll Learn

Hooks are the new way to add features like state, lifecycle events, and refs to your components, without using the object-oriented syntax.

In this course, Derek Jensen will take you through the process of creating a brand new guest book app, from scratch, using React. As you follow along, you'll code your entire app with functional components, and in the process you'll learn not just what hooks are, but also how and when to use them.

Here are some free lessons from this course, as a preview of what you can expect:

Basic App Component Structure

In this video, you'll discover a good component structure to use while building React applications. You will also see how to create the basic structure for the app to be built in the rest of the course.

 

Introducing the useState Hook

In this video, you will learn how to take advantage of the useState hook, which will allow you to maintain state in a functional component.

 

Introducing the useRef Hook

In this video, you'll learn about the useRef hook. It will help provide a better user experience by setting the focus on an input in your AddGuestForm when the app loads.

Take the Course

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,250 video courses and industry-leading eBooks on Envato Tuts+. 

Plus you can download unlimited items from the huge Envato Elements library of more than 1.5 million creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.


by Andrew Blackman via Envato Tuts+ Code

No comments:

Post a Comment