Remix.js – The Practical Guide

سرفصل های دوره

Learn how to build feature-rich & highly reactive fullstack React applications with Remix.

1 - Introduction

1 - Welcome to the Course

2 - What Is Remix And Why Would You Use Remix

3 - Remix vs NextJS

4 - About The Course

5 - How To Get The Most Out Of This Course

6 - Attachments & Discord Community.html

2 - Remix Essentials Core Concepts

7 - Module Introduction

8 - Creating a Remix Project

9 - Analyzing the Created Project

10 - Getting Started with Filebased Routing

11 - Adding Links & Building a SPA SinglePage Application

12 - Onwards to a Better Project

12 - indexjsx file.zip

13 - Styling Pages & Understanding the Root Route

13 - homecss file.zip

13 - maincss file.zip

13 - remix styling guide.zip

14 - Surfacing Component Styles

14 - newnotecss file.zip

14 - newnotejsx file.zip

15 - Styling Active Links via NavLink

15 - mainnavigationjsx file.zip

16 - How Form Submissions Work

16 - react router 64.zip

17 - Serverside Form Handling via action

17 - notesjs file.zip

18 - Adding Backend Code & Redirecting

19 - Fetching Page Data via loader

19 - notelistcss file.zip

19 - notelistjsx file.zip

20 - Returning & Using Fetched Data

21 - From form to Form

22 - Providing User Feedback via useNavigation

23 - Validating Input & Returning Data in action

24 - Error Handling via ErrorBoundary

25 - Handling Error Responses via CatchBoundary

26 - Adding Dynamic Routes & Dotdelimited Routes

26 - notedetailscss file.zip

27 - Fetching Data for Dynamic Routes

28 - Another CatchBoundary Example

29 - Setting Page Metadata

30 - Summary

3 - Routing & Layouts Deep Dive

31 - Module Introduction

32 - What Well Build A Demo

33 - Project Planning & Creation

34 - Creating Project Routes A Refresher

35 - Nested Paths An Alternative Approach

36 - Layout Routes

37 - Adding Components & Styling

37 - componentszip file.zip

37 - styleszip file.zip

38 - Using Custom Fonts.html

39 - Working on More Routes

40 - Marketing Pages & Static Images

40 - imageszip file.zip

40 - indexjsx file.zip

40 - pricingjsx file.zip

41 - Leveraging Layouts

42 - Rendering a Modal Page Overlay Page

43 - Adding Links

44 - Paths Absolute vs Relative

45 - Navigating Programmatically

46 - Adding NavLinks

47 - Introducing Pathless Layout Routes

48 - Doing More with Pathless Layout Routes

48 - expensesheaderjsx file.zip

49 - Introducing Resource Routes

50 - Understanding Splat Routes

51 - Working with URL Search Parameters Query Parameters

52 - Adding More Expenserelated Links

53 - Module Summary

4 - Data Fetching & Mutations Deep Dive

54 - Module Introduction

55 - Project & Database MongoDB Setup

55 - starting project.zip

56 - Adding Prisma A Package For Querying the Database

56 - get started with prisma.zip

57 - Adding an Expense Data Model

58 - Preparing the Code for Form Submissions

58 - databaseserverjs file.zip

59 - Adding a Serverside addExpense Function

60 - Adding Expenses to the Database via action

61 - Adding Serverside Validation

61 - validationserverjs file.zip

62 - Submitting Forms Programmatically

63 - Adding Visual Submission Feedback

64 - Fetching Expenses via loader

65 - Loaders A Closer Look

66 - Loading a Single Expense via Dynamic Route Parameters

67 - How Nested Loaders Are Executed

68 - Using Parent Loader Data via useMatches

69 - Updating Data

70 - Deleting Data

71 - One Action Multiple Forms

72 - Programmatic BehindtheScenes Submission via useFetcher

73 - Extracting Search Parameters

74 - Adding Visual Feedback to the Authentication Form

75 - Adding a Shared Root Document

76 - Adding Default Error Handling Logic

77 - Handling Errors Without ErrorBoundary or CatchBoundary

78 - Managing Errors Inside Components

79 - Practice Time Challenge

80 - Practice Time Solution

81 - Updating the expensesraw Route.html

82 - Module Summary

5 - Adding User Authentication

83 - Module Introduction

84 - Project Setup

84 - starting project.zip

85 - How Does User Authentication Work

86 - Preparing the Database

87 - Adding Serverside Credentials Validation

87 - validationserverjs file.zip

88 - Check for Existing Users & Emails

89 - User Signup & Password Hashing

90 - Getting Started with User Login

91 - Sessions & Cookies Preparation

92 - Creating Session Cookies

93 - Extracting Session Data & Rendering Conditional User Interfaces

94 - Adding Logout

95 - Protecting Routes

96 - More Route Protection

97 - Connecting Expenses & Users

98 - Module Summary

6 - Optimizing & Deploying Remix Applications

99 - Module Introduction

100 - Adding Metadata To Routes

101 - Why You Might Need Custom Page Response Headers

102 - Setting Page Response Headers

103 - Working with Nested Headers

104 - Using Action & Loader Headers

105 - Disabling JavaScript For Some Pages

106 - A Brief Look at the Remix Config File

107 - Deployment Options

108 - Deploying a Remix Website An Example Netlify

7 - Course Roundup

109 - Course Roundup

110 - Bonus Lecture.html

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training