Build Full Stack Web Apps in Pure Python with Reflex - No Javascript Required

Web apps built in pure Python? No JavaScript? Yup, that's what Reflex does.

Chapters
0:00:00 Welcome
0:02:53 Demo
0:12:34 Getting Started with Full Stack Python
0:20:05 Dynamic Content and on_click Events
0:25:17 HTML Inputs for Dynamic Content Changes
0:31:08 Building a Custom Reflex Component
0:39:25 Using the Navbar Recipe
0:43:47 Better Code Management
0:46:37 Identifying Rendered Components in the Browser
0:53:16 Full Width Navbar and Content
1:04:13 Pages and URL Routes
1:08:03 Using Link-based Navigation
1:13:43 Click Events and Reflex Redirect
1:17:21 URL Route Path Constants
1:21:43 Navigation State
1:28:07 Contact Form
1:33:53 Making the Form Responsive
1:40:40 Conditional Rendering in Reflex
1:47:43 Refresh State with Python Asyncio Timeouts
1:49:32 Counting with Asyncio and Reflex
1:53:55 Your First Database Model
2:02:51 Storing Data with Models and Forms
2:09:44 Model Field Changes and Migrations
2:12:15 Adding a DateTime Field
2:17:05 Decouple the Contact Page, State & Model
2:26:49 Listing Stored Database Entries
2:36:49 New Data Model
2:43:24 State for Listing Blog Post Data
2:46:29 List View Route for Blog Posts
2:53:37 Dynamic URL Routing for Detail Pages
3:01:27 Form, State, and Page for New Blog Posts
3:11:41 Editing Pre-Filled Form Input Basics
3:18:47 Edit and Save Database Data
3:31:15 Edit Link & Detail Page Updates
3:35:30 Blog Post Redirect and Urls
3:42:26 Publish Date Toggle
3:51:36 Publish Date Field
4:01:45 Narrow Results with Database Queries
4:07:03 Users with Reflex Local Auth
4:12:30 Customize Login and Register Pages
4:18:22 Extending the Reflex Local Auth User Model
4:22:07 Customize User Registration for Related Model
4:27:15 User SessionState Object
4:34:13 Fixing Registration Bug with Extended Model Data
4:37:20 Creating the Dashboard & Sidebar Layouts
4:47:22 Sidebar Toggle Button and Color Mode Condition
4:54:05 User Dashboard & Logout User
5:05:40 Display Logged-in User Info
5:16:26 Multiple Ways to Associate Users to Data Models
5:28:32 Rendering Related Data
5:38:36 Foreign Key Relationships & The Models Module
5:49:57 Saving UserInfo ID to Related Models
5:58:22 Loading Related data with sqlalchemy `joinloaded`
6:05:24 Managing My Blog Posts
6:13:20 Require Login Decorator
6:14:50 Public Articles Display
6:28:41 Limited Data Results on Dashboard and Landing Page
6:45:22 Theme and Color
6:55:26 Thank you and next steps

[CodingEntrepreneurs]

Thanks for watching!

The chapters are:
0:00:00 Welcome
0:02:53 Demo
0:12:34 Getting Started with Full Stack Python
0:20:05 Dynamic Content and on_click Events
0:25:17 HTML Inputs for Dynamic Content Changes
0:31:08 Building a Custom Reflex Component
0:39:25 Using the Navbar Recipe
0:43:47 Better Code Management
0:46:37 Identifying Rendered Components in the Browser
0:53:16 Full Width Navbar and Content
1:04:13 Pages and URL Routes
1:08:03 Using Link-based Navigation
1:13:43 Click Events and Reflex Redirect
1:17:21 URL Route Path Constants
1:21:43 Navigation State
1:28:07 Contact Form
1:33:53 Making the Form Responsive
1:40:40 Conditional Rendering in Reflex
1:47:43 Refresh State with Python Asyncio Timeouts
1:49:32 Counting with Asyncio and Reflex
1:53:55 Your First Database Model
2:02:51 Storing Data with Models and Forms
2:09:44 Model Field Changes and Migrations
2:12:15 Adding a DateTime Field
2:17:05 Decouple the Contact Page, State & Model
2:26:49 Listing Stored Database Entries
2:36:49 New Data Model
2:43:24 State for Listing Blog Post Data
2:46:29 List View Route for Blog Posts
2:53:37 Dynamic URL Routing for Detail Pages
3:01:27 Form, State, and Page for New Blog Posts
3:11:41 Editing Pre-Filled Form Input Basics
3:18:47 Edit and Save Database Data
3:31:15 Edit Link & Detail Page Updates
3:35:30 Blog Post Redirect and Urls
3:42:26 Publish Date Toggle
3:51:36 Publish Date Field
4:01:45 Narrow Results with Database Queries
4:07:03 Users with Reflex Local Auth
4:12:30 Customize Login and Register Pages
4:18:22 Extending the Reflex Local Auth User Model
4:22:07 Customize User Registration for Related Model
4:27:15 User SessionState Object
4:34:13 Fixing Registration Bug with Extended Model Data
4:37:20 Creating the Dashboard & Sidebar Layouts
4:47:22 Sidebar Toggle Button and Color Mode Condition
4:54:05 User Dashboard & Logout User
5:05:40 Display Logged-in User Info
5:16:26 Multiple Ways to Associate Users to Data Models
5:28:32 Rendering Related Data
5:38:36 Foreign Key Relationships & The Models Module
5:49:57 Saving UserInfo ID to Related Models
5:58:22 Loading Related data with sqlalchemy `joinloaded`
6:05:24 Managing My Blog Posts
6:13:20 Require Login Decorator
6:14:50 Public Articles Display
6:28:41 Limited Data Results on Dashboard and Landing Page
6:45:22 Theme and Color
6:55:26 Thank you and next steps

[chyngyzmonokbaev]

My career started with your videos like 7 years ago. Thank you for the best python tutorials.

[conan]

I was waiting for someone to make a tutorial on reflex

Thanks🎉

[bacharsaleh]

Python is incredibly powerful. It would be fantastic to see a project where Next.js and Python work together in an advanced architecture.

[jaymartinez]

Talk about a full video 😂. Better than a 10 minute video voicing your opinion. Great job 💪🏾 and much appreciated.
Very swiftui like 👍🏾 ok ok reflex is cooking as i’m looking through the docs. Using runtime types and everything. Ok ✅.
From the docs:

In Reflex only the frontend compiles to Javascript and runs on the user's browser, while all the state and logic stays in Python and is run on the server.
I like that the backend stays in python.

[judevector]

I am still in your Django video and I came in today to see this, I shouted 😮 WTF . Thank you so much for doing this

[jmcl]

Thank you so much for this video. It was a big hit for you Justin Mitchell and for all of us who have seen this video.

[puro]

de lo mejor que he visto, no se puede explicar mejor, no hay mucha información de reflex, se aprecia y se valora mucho la enseñanza, muy agradecido maestro :)

[wafiqhosain]

"No JavaScript is required" :- it hurts.

[wrt]

Duuude! Love the energy and the content. Great job.

[senlee]

This will be my next project to try out. Thank you!

[Stephan]

This might just solve a lot of my JavaScript problems

[sadiulhakim]

You are doing some good stuff for python community. Thanks

[vakhtang_vakhtangishvili]

How does Reflex compare to frameworks like django? Not in a sense that you can make the frontend in python as well but more like how django is reliable and scalable and often a go to option for various sized platforms. What are the tradeoffs?

[ipelezikis]

So much work and so great content!! Huge respect!

[captainofthewhitetower]

Hey man, is it better practice to use JS and get data from it and send it to python? Also can I make a web app into a desktop app?

[franciscoletelier]

This video its a challenge bro. Tks for your time to create this content 😊

[chrihan]

Excellent stuff. Great job. It can lower the barrier not only for the beginners but for MVPs as well. How much muture the framework is right now is the question to find out....

[annyd]

Ngl you kinda give Liver king vibes sometimes !!! But cheers to the content!!

[spotnuru]

Just amazing, finished it now, I see that this helps a lot for those who doesnt want to worry much about front end dev in java script and yet get the react js based output. Hoping to see more examples on authorization, building good looking apps, how does reflex maintain along with the ReactJS Updates