-
Урок 1.
00:05:48
What is TypeScript and why we need it?
-
Урок 2.
00:06:27
Installing TypeScript globally and locally
-
Урок 3.
00:03:32
TypeScript Section Introduction
-
Урок 4.
00:17:15
Setting Up a Simple TypeScript Project
-
Урок 5.
00:04:34
Modules
-
Урок 6.
00:12:44
Types
-
Урок 7.
00:06:08
Interfaces
-
Урок 8.
00:05:27
Functions
-
Урок 9.
00:11:05
Classes
-
Урок 10.
00:07:24
ECMAScript Private Fields
-
Урок 11.
00:06:00
Implementing Interfaces
-
Урок 12.
00:11:04
Describing Classes Using Interfaces
-
Урок 13.
00:13:37
Generics
-
Урок 14.
00:07:28
Union Type
-
Урок 15.
00:07:02
Intersection Type
-
Урок 16.
00:02:40
Type Alias
-
Урок 17.
00:05:34
Using External Packages and Their Types
-
Урок 18.
00:12:32
Declaration Merging
-
Урок 19.
00:35:33
Utility Types
-
Урок 20.
00:12:16
Mapped Types
-
Урок 21.
00:23:09
Conditional Types
-
Урок 22.
00:00:29
TypeScript with React - section Intro
-
Урок 23.
00:02:24
What is webpack?
-
Урок 24.
00:09:05
Setting up a webpack project
-
Урок 25.
00:02:38
TypeScript setup options
-
Урок 26.
00:05:55
Setting up TypeScript using ts-loader
-
Урок 27.
00:11:20
Setting up TypeScript using babel-loader
-
Урок 28.
00:05:22
Adding React
-
Урок 29.
00:07:26
Adding a source map
-
Урок 30.
00:08:47
Function components
-
Урок 31.
00:10:18
Setting up CSS Modules
-
Урок 32.
00:05:40
Importing SVGs - adding a logo
-
Урок 33.
00:06:35
Class components
-
Урок 34.
00:10:01
Handling events using React
-
Урок 35.
00:18:44
Using React context and the useState hook
-
Урок 36.
00:15:47
Replacing setState with useReducer
-
Урок 37.
00:08:20
Store cart data in local storage (useEffect hook)
-
Урок 38.
00:06:25
Creating a Higher Order Component - part 1
-
Урок 39.
00:14:48
Creating a Higher Order Component - part 2
-
Урок 40.
00:06:03
Creating a Render Props component
-
Урок 41.
00:02:15
Creating a custom hook
-
Урок 42.
00:10:29
Handling original DOM events
-
Урок 43.
00:05:43
Function Components
-
Урок 44.
00:05:24
Class Components
-
Урок 45.
00:15:15
Higher Order Components - React Redux
-
Урок 46.
00:09:48
Higher Order Components - Creating HOCs
-
Урок 47.
00:04:07
Render Props
-
Урок 48.
00:08:34
Event Handling
-
Урок 49.
00:02:02
Introduction to Hooks
-
Урок 50.
00:08:04
Hooks: useState
-
Урок 51.
00:13:06
Hooks: useEffect
-
Урок 52.
00:01:33
Building a React Redux App Section Introduction
-
Урок 53.
00:10:35
Initial Setup
-
Урок 54.
00:10:15
Setting Up a Fake Server
-
Урок 55.
00:15:51
Setting Up Redux
-
Урок 56.
00:27:12
Creating the Recorder Component
-
Урок 57.
00:04:09
Creating the Event List Component
-
Урок 58.
00:15:39
Loading Events - Part 1
-
Урок 59.
00:22:06
Loading Events - Part 2 (using connect)
-
Урок 60.
00:14:16
Creating Events
-
Урок 61.
00:11:18
Deleting Events
-
Урок 62.
00:19:54
Editing Titles
-
Урок 63.
00:00:56
Introduction
-
Урок 64.
00:07:51
Setting up a Next.js project with TypeScript
-
Урок 65.
00:09:48
Explaining the tsconfig options
-
Урок 66.
00:08:20
Explaining the esModuleInterop option
-
Урок 67.
00:11:43
Setting up the GraphQL API route
-
Урок 68.
00:20:35
Setting up a local MySQL server
-
Урок 69.
00:13:06
Creating resolvers for the "tasks" query and "createTask" mutation
-
Урок 70.
00:10:58
Adding GraphQL code generator for the back end
-
Урок 71.
00:14:40
Finishing the GraphQL API
-
Урок 72.
00:32:10
Setting up Apollo Client
-
Урок 73.
00:06:32
Generating types for the front end
-
Урок 74.
00:07:28
Adding styles
-
Урок 75.
00:03:01
Adding the form for creating tasks
-
Урок 76.
00:10:49
Running the "createTask" mutation
-
Урок 77.
00:16:33
Adding the form for updating tasks
-
Урок 78.
00:11:11
Running the "updateTask" mutation
-
Урок 79.
00:21:58
Deleting tasks
-
Урок 80.
00:31:38
Filtering tasks by task status
-
Урок 81.
00:05:15
Marking the tasks as completed
-
Урок 82.
00:05:05
Using a single page to render the tasks list
-
Урок 83.
00:02:44
Building the Tasks App Section Introduction
-
Урок 84.
00:11:20
Setting Up Next.js with TypeScript
-
Урок 85.
00:06:39
Explaining the "tsconfig" Options
-
Урок 86.
00:08:20
Explaining the "esmoduleinterop" Option
-
Урок 87.
00:32:20
Adding Apollo
-
Урок 88.
00:03:54
Running the local GraphQL API server
-
Урок 89.
00:10:54
Running the first GraphQL query
-
Урок 90.
00:12:29
Generate the types for queries and mutations using the GraphQL Code Generator
-
Урок 91.
00:06:12
Adding styles
-
Урок 92.
00:02:29
Moving the task list into its own component
-
Урок 93.
00:04:22
Adding the "create task" form - part 1 - creating the mutation
-
Урок 94.
00:02:52
Adding the "create task" form - part 2 - creating the form
-
Урок 95.
00:10:12
Adding the "create task" form - part 3 - running the mutation
-
Урок 96.
00:03:03
Adding the "update task" form - part 1 - preparing the queries
-
Урок 97.
00:08:55
Adding the "update task" form - part 2 - creating the "update" page
-
Урок 98.
00:06:52
Adding the "update task" form - part 3 - creating the "update" form
-
Урок 99.
00:08:10
Adding the "update task" form - part 4 - running the "updateTask" mutation
-
Урок 100.
00:10:33
Coding the "delete task" feature
-
Урок 101.
00:08:26
Coding the "change task status" feature (the checkboxes)
-
Урок 102.
00:13:09
Coding the task filter
-
Урок 103.
00:03:45
Fix the tasks query's cache policy causing an extra request on initial page load
-
Урок 104.
00:05:24
Using React Context to pass task status to the child components of the main page