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

CodingEntrepreneurs June 19, 2024
Video Thumbnail
CodingEntrepreneurs Logo

CodingEntrepreneurs

@codingentrepreneurs

About

Learn, Build, and Earn. Coding Entrepreneurs is here to help you learn the skills you need to build the projects you want. Learn by doing everything we do step-by-step. Practical and hands-on. Let's do this. 💽 Code: https://github.com/codingforentrepreneurs 🚀 Enroll. Learn to code. Launch your project: https://cfe.sh/enroll 🚀

Video Description

Web apps built in pure Python? No JavaScript? Yup, that's what Reflex does. 💻 Code 👉 https://github.com/codingforentrepreneurs/full-stack-python ⭐️ Reflex Docs 👉 https://reflex.dev/docs ▶️ Subscribe 👉 https://cfe.sh/youtube ⚙️ Guide to Install Python 3 on Mac/Linux: https://cfe.sh/guides/install-python-on-macos/ ⚙️ Guide to Install Python 3 on Windows: https://cfe.sh/guides/install-python-on-windows/ 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

You May Also Like