My first Remix app

5h 44s
English
Paid

Course description

Remix is a modern full-stack React framework built on the foundations of the web platform. It layers the latest innovations in the frontend ecosystem on top of the core URL-based request-response cycle that made the web what it is today.

In this course you'll learn the fundamentals of Remix by building a personal Work Journal app. You'll set up a database, render pages with dynamic data, use actions and forms to write user input back to the database, explore nested routing, and finish by adding authentication and deploying your app. By the end you'll be able to build your own full-stack Remix app from scratch, and have a better understanding of how this thoughtfully designed framework combines the best of React with the fundamentals of the web.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 19 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Scaffolding a new app

All Course Lessons (19)

#Lesson TitleDurationAccess
1
Scaffolding a new app Demo
12:32
2
Creating an entry form
22:50
3
Saving new entries
20:45
4
Adding pending UI
15:13
5
Loading entries
08:23
6
Displaying entries by week
24:10
7
Creating the edit page
13:44
8
Editing entries
09:48
9
Making the entry form reusable
10:21
10
Deleting entries
10:26
11
Adding an authenticated state
23:44
12
Adding a logout button
06:49
13
Customizing the public UI
05:02
14
Securing our app
12:59
15
Customizing the error pages
13:20
16
Adding error messages to the login form
13:38
17
Mobile redesign
41:58
18
Desktop redesign
18:47
19
Deploying our app
16:15

Unlock unlimited learning

Get instant access to all 18 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Add React Storybook to a Project

Add React Storybook to a Project

Sources: egghead
In this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.
3 minutes 36 seconds
Build a Slack Chat App with React, Redux, and Firebase

Build a Slack Chat App with React, Redux, and Firebase

Sources: udemy
Throughout this course, we'll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those ch...
5 hours 55 minutes 18 seconds
Doctor Appointment Booking App with React ,Firebase , ANT D

Doctor Appointment Booking App with React ,Firebase , ANT D

Sources: udemy
The course covers many aspects of application development, including Firebase integration, user authentication, creating separate user interfaces for administrators and regular ...
5 hours 45 minutes 20 seconds
Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Sources: Nomad Coders
We will do a Uber clone (backend + frontend + deployment). From head to toe using JavaScript! This time full stack, full JavaScript stack!
22 hours 41 minutes 56 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

Sources: udemy
If you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies, then this course i...
13 hours 2 minutes 12 seconds