A Practical Start with React 17

Focused View

Roland Guijt

1:48:40

7 View

01. Course Overview

01. Course Overview.mp4

01:32

02. Should You React

02. Module Overview.mp4

00:42

03. What Were Building.mp4

00:45

04. What You Should Know Before Starting.mp4

00:47

05. An Important Reason to Use React.mp4

03:59

06. The Object Tree.mp4

00:35

07. Separation of Concerns.mp4

01:33

08. Tree Reconciliation.mp4

01:01

09. JSX.mp4

01:02

10. The UI Workflow.mp4

00:55

11. Components.mp4

02:10

12. Alternatives.mp4

02:31

13. Summary.mp4

00:30

03. Getting Ready

14. Module Overview.mp4

00:32

15. Preparation.mp4

00:31

16. create-react-app.mp4

02:32

17. Production Build.mp4

01:00

18. Visual Studio Code.mp4

03:11

19. React Developer Tools.mp4

00:42

20. Summary.mp4

00:36

04. Application Structure

21. Module Overview.mp4

00:39

22. The Public Folder.mp4

01:07

23. The src Folder.mp4

03:40

24. Reacts Entry Point.mp4

02:34

25. Modules.mp4

02:16

26. The Root Component.mp4

02:46

27. Importing External Modules.mp4

01:02

28. Placing Components in Folders.mp4

01:24

29. Summary.mp4

00:43

05. Components

30. Module Overview.mp4

00:51

31. A Simple Component.mp4

02:49

32. Props.mp4

02:44

33. Class and Function Components.mp4

01:32

34. Component Renders and Re-renders.mp4

02:41

35. Hooks-Effect.mp4

02:08

36. Hooks-State.mp4

01:49

37. Hooks-Memo.mp4

03:16

38. Router.mp4

03:37

39. Nested Components.mp4

02:49

40. Complex JSX Expressions and Key.mp4

02:31

41. Navigation with the History Hook.mp4

01:37

42. Routers with Parameters.mp4

02:35

43. Route Order.mp4

02:02

44. Splitting Components.mp4

01:54

45. Forms.mp4

02:19

46. Smart Rendering and Event Handling.mp4

02:26

47. Summary.mp4

01:04

06. Augmenting Features and Tooling

48. Module Overview.mp4

01:02

49. Need-to-knows Around Components and Hooks.mp4

03:20

50. Hooks-Callback and Ref.mp4

03:44

51. Custom Hooks.mp4

03:23

52. Context.mp4

03:23

53. Type Checking.mp4

02:18

54. Ejecting.mp4

02:02

55. Unit Testing with Jest.mp4

01:29

56. Progressive Web Application.mp4

03:01

57. Summary.mp4

00:57

Description

Are you ready to write structured single page applications with one of the most popular javascript libraries around? This course uses a hands-on approach to teach you React in under 110 minutes.

What You'll Learn?

In this course, A Practical Start with React, you will first learn why React is so great. After this module you'll be able to determine if React is for you and/or your team. It will also provide a basic overview of the mechanics of a React app like tree reconciliation and the use of JSX. There's also a brief comparison with alternative libraries and frameworks included. The next module teaches you how to set up a development environment efficiently. You will see create-react-app in action and the setup of Visual Studio Code and Chrome developer tools is covered. Following this, you will cover the structure of an app like the folders that are typically used, the JavaScript entry point and the use of ES2015 modules. You'll also see how the top-level component works and how to place components in folders. Next, you'll touch on components. The difference between function and class components is covered as well as state and props in a component. Also expect an explanation on the many types of hooks and how to implement them. The fifth module is a collection of additional tips to enhance your React experience. Type checking with prop-types is covered as well as custom hooks, using context and unit testing with Jest. After watching this compact course you are ready to create stunning React apps!

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

Roland Guijt

Instructor's Courses

Roland is a Microsoft MVP enjoying a constant curiosity around new techniques in software development. His focus is on all things .Net and browser technologies. As a long-time trainer, he led many courses on these topics and spoke about them at international conferences. He also travels around the globe to offer his self-developed workshops. The word that comes to mind when he thinks about software development is passion! Roland lives in The Netherlands with his wife and two boys.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.