├── .gitignore ├── Code ├── 02 Essentials │ ├── ZZ V2-finished │ │ ├── .gitignore │ │ ├── postcss.config.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ ├── logo-dark.png │ │ │ └── logo-light.png │ │ └── app │ │ │ └── tailwind.css │ ├── 02 Adding Links │ │ ├── .gitignore │ │ ├── app │ │ │ └── routes │ │ │ │ ├── demo.jsx │ │ │ │ └── index.jsx │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ └── remix.config.js │ ├── 04 Styling Pages │ │ ├── .gitignore │ │ ├── app │ │ │ └── routes │ │ │ │ └── notes.jsx │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ └── remix.config.js │ ├── 01 Starting Project │ │ ├── .gitignore │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ ├── app │ │ │ └── routes │ │ │ │ └── index.jsx │ │ └── remix.config.js │ ├── 10 Validating Input │ │ ├── .gitignore │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ └── remix.config.js │ ├── 06 Styling Active Links │ │ ├── .gitignore │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ ├── remix.config.js │ │ └── app │ │ │ └── routes │ │ │ └── notes.jsx │ ├── 07 Adding Backend Code │ │ ├── .gitignore │ │ ├── notes.json │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ └── remix.config.js │ ├── 09 Providing User Feedback │ │ ├── .gitignore │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ └── remix.config.js │ ├── 12 Adding Dynamic Routes │ │ ├── .gitignore │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ ├── notes.json │ │ └── remix.config.js │ ├── 03 Onwards to Better Project │ │ ├── .gitignore │ │ ├── app │ │ │ └── routes │ │ │ │ └── demo.jsx │ │ ├── .eslintrc.js │ │ ├── public │ │ │ └── favicon.ico │ │ └── remix.config.js │ ├── 05 Surfacing Component Styles │ │ ├── .gitignore │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ ├── remix.config.js │ │ └── app │ │ │ └── routes │ │ │ └── notes.jsx │ ├── 11 Handling Error Responses │ │ ├── .gitignore │ │ ├── notes.json │ │ ├── .eslintrc.js │ │ ├── public │ │ │ └── favicon.ico │ │ └── remix.config.js │ ├── 08 Returning & Using Fetched Data │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── notes.json │ │ ├── public │ │ │ └── favicon.ico │ │ └── remix.config.js │ ├── 13 Fetching Data for Dynamic Routes │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ └── favicon.ico │ │ ├── notes.json │ │ └── remix.config.js │ ├── 14 Finished │ │ ├── public │ │ │ └── favicon.ico │ │ ├── .eslintrc.js │ │ ├── remix.config.js │ │ └── notes.json │ └── Extra Files │ │ └── index.jsx ├── 06 Deployment │ ├── ZZ V2-finished │ │ ├── .gitignore │ │ ├── postcss.config.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ └── app │ │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ │ ├── tailwind.css │ │ │ └── routes │ │ │ ├── expenses.raw.jsx │ │ │ └── logout.js │ ├── 01 Starting Project │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ ├── expenses.raw.jsx │ │ │ │ └── logout.js │ │ └── remix.config.js │ ├── 02 Adding Metadata │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ ├── expenses.raw.jsx │ │ │ │ └── logout.js │ │ └── remix.config.js │ ├── 04 Disable JavaScript │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ ├── expenses.raw.jsx │ │ │ │ └── logout.js │ │ └── remix.config.js │ └── 03 Using Action & Loader Headers │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ │ ├── app │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── routes │ │ │ ├── expenses.raw.jsx │ │ │ └── logout.js │ │ └── remix.config.js ├── 04 Data Deep Dive │ ├── ZZ V2-finished │ │ ├── .gitignore │ │ ├── postcss.config.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ └── app │ │ │ ├── routes │ │ │ └── expenses.raw.jsx │ │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ │ └── tailwind.css │ ├── 15 Finished │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── routes │ │ │ │ └── expenses.raw.jsx │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ ├── 09 Updating Data │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 10 Deleting Data │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 01 Starting Project │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 06 Fetching Expenses │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 02 Adding Expense Model │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 04 Server-side Validation │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 07 Loading a Single Expense │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 08 Using Parent Loader Data │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 14 Practice Time Solution │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── FormattedDate.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ ├── 12 Extracting Search Parameters │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── FormattedDate.jsx │ │ │ │ └── Error.jsx │ │ └── remix.config.js │ ├── 03 Adding Expenses to the Database │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ └── Error.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 05 Submitting Forms Programmatically │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── FormattedDate.jsx │ │ │ │ │ └── Error.jsx │ │ │ └── routes │ │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── remix.config.js │ ├── 13 Managing Errors Inside Components │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── FormattedDate.jsx │ │ │ │ └── Error.jsx │ │ └── remix.config.js │ └── 11 Programmatic Behind-the-Scenes Submission │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ │ ├── app │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ └── FormattedDate.jsx │ │ └── routes │ │ │ └── __marketing │ │ │ └── auth.jsx │ │ └── remix.config.js ├── 05 Authentication │ ├── ZZ V2-finished │ │ ├── .gitignore │ │ ├── postcss.config.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ └── app │ │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ │ ├── tailwind.css │ │ │ ├── routes │ │ │ ├── expenses.raw.jsx │ │ │ └── logout.js │ │ │ └── data │ │ │ └── database.server.js │ ├── 08 Finished │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── components │ │ │ │ └── util │ │ │ │ │ ├── Logo.jsx │ │ │ │ │ ├── Error.jsx │ │ │ │ │ └── Modal.jsx │ │ │ └── routes │ │ │ │ ├── expenses.raw.jsx │ │ │ │ └── logout.js │ │ └── remix.config.js │ ├── 03 User Signup │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── routes │ │ │ │ └── expenses.raw.jsx │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ ├── 06 Adding Logout │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── routes │ │ │ │ ├── expenses.raw.js │ │ │ │ └── logout.js │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ ├── 01 Starting Project │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── routes │ │ │ │ └── expenses.raw.jsx │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ ├── 02 Preparing the Database │ │ ├── .gitignore │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── .eslintrc.js │ │ ├── app │ │ │ ├── routes │ │ │ │ └── expenses.raw.jsx │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ ├── 04 Creating Session Cookies │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ ├── routes │ │ │ │ └── expenses.raw.jsx │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ ├── 05 Extracting Session Data │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ │ ├── favicon.ico │ │ │ └── images │ │ │ │ ├── expenses-chart.jpg │ │ │ │ └── expenses-management.jpg │ │ ├── app │ │ │ ├── routes │ │ │ │ └── expenses.raw.jsx │ │ │ └── components │ │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── remix.config.js │ └── 07 More Route Protection │ │ ├── .gitignore │ │ ├── .eslintrc.js │ │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ │ ├── app │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── routes │ │ │ ├── expenses.raw.jsx │ │ │ └── logout.js │ │ └── remix.config.js └── 03 Routing Deep Dive │ ├── ZZ V2-finished │ ├── .gitignore │ ├── postcss.config.js │ ├── public │ │ ├── favicon.ico │ │ ├── logo-light.png │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ └── app │ │ ├── components │ │ └── util │ │ │ ├── Logo.jsx │ │ │ ├── FormattedDate.jsx │ │ │ ├── Error.jsx │ │ │ └── Modal.jsx │ │ ├── tailwind.css │ │ └── routes │ │ ├── $.jsx │ │ └── _marketing.auth.jsx │ ├── 07 Paths │ ├── .gitignore │ ├── app │ │ ├── routes │ │ │ ├── expenses.raw.jsx │ │ │ ├── auth.jsx │ │ │ └── expenses │ │ │ │ ├── add.jsx │ │ │ │ └── $id.jsx │ │ └── components │ │ │ └── util │ │ │ ├── Logo.jsx │ │ │ ├── Error.jsx │ │ │ └── Modal.jsx │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ ├── .eslintrc.js │ └── remix.config.js │ ├── 12 Finished │ ├── .gitignore │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ ├── .eslintrc.js │ ├── app │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── FormattedDate.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── routes │ │ │ ├── $.jsx │ │ │ └── __marketing │ │ │ └── auth.jsx │ └── remix.config.js │ ├── 01 Starting Project │ ├── .gitignore │ ├── public │ │ └── favicon.ico │ ├── .eslintrc.js │ ├── app │ │ └── routes │ │ │ └── index.jsx │ └── remix.config.js │ ├── 03 Layout Routes │ ├── .gitignore │ ├── app │ │ └── routes │ │ │ ├── auth.jsx │ │ │ ├── pricing.jsx │ │ │ ├── index.jsx │ │ │ ├── expenses.raw.jsx │ │ │ ├── expenses │ │ │ ├── add.jsx │ │ │ ├── analysis.jsx │ │ │ └── $id.jsx │ │ │ └── expenses.jsx │ ├── public │ │ └── favicon.ico │ ├── .eslintrc.js │ └── remix.config.js │ ├── 05 Marketing Pages │ ├── .gitignore │ ├── app │ │ ├── routes │ │ │ ├── expenses.raw.jsx │ │ │ ├── expenses │ │ │ │ ├── add.jsx │ │ │ │ └── $id.jsx │ │ │ └── auth.jsx │ │ └── components │ │ │ └── util │ │ │ ├── Logo.jsx │ │ │ ├── Error.jsx │ │ │ └── Modal.jsx │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ ├── .eslintrc.js │ └── remix.config.js │ ├── 11 Splat Routes │ ├── .gitignore │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ ├── .eslintrc.js │ ├── app │ │ ├── components │ │ │ └── util │ │ │ │ ├── Logo.jsx │ │ │ │ ├── FormattedDate.jsx │ │ │ │ ├── Error.jsx │ │ │ │ └── Modal.jsx │ │ └── routes │ │ │ ├── $.jsx │ │ │ └── __marketing │ │ │ └── auth.jsx │ └── remix.config.js │ ├── 02 Creating Project Routes │ ├── .gitignore │ ├── app │ │ └── routes │ │ │ ├── auth.jsx │ │ │ ├── index.jsx │ │ │ ├── pricing.jsx │ │ │ ├── expenses.jsx │ │ │ ├── expenses.add.jsx │ │ │ ├── expenses.raw.jsx │ │ │ ├── expenses.analysis.jsx │ │ │ └── expenses.$id.jsx │ ├── .eslintrc.js │ ├── public │ │ └── favicon.ico │ └── remix.config.js │ ├── 06 Rendering a Modal Page │ ├── .gitignore │ ├── app │ │ ├── routes │ │ │ ├── expenses.raw.jsx │ │ │ ├── auth.jsx │ │ │ └── expenses │ │ │ │ ├── add.jsx │ │ │ │ └── $id.jsx │ │ └── components │ │ │ └── util │ │ │ ├── Logo.jsx │ │ │ ├── Error.jsx │ │ │ └── Modal.jsx │ ├── .eslintrc.js │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ └── remix.config.js │ ├── 10 Doing More With Pathless │ ├── .gitignore │ ├── app │ │ ├── routes │ │ │ ├── expenses.raw.jsx │ │ │ └── __marketing │ │ │ │ └── auth.jsx │ │ └── components │ │ │ └── util │ │ │ ├── Logo.jsx │ │ │ ├── FormattedDate.jsx │ │ │ └── Error.jsx │ ├── .eslintrc.js │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ └── remix.config.js │ ├── 04 Adding Components & Styling │ ├── .gitignore │ ├── app │ │ ├── routes │ │ │ ├── pricing.jsx │ │ │ ├── index.jsx │ │ │ ├── expenses.raw.jsx │ │ │ ├── expenses │ │ │ │ ├── add.jsx │ │ │ │ ├── analysis.jsx │ │ │ │ └── $id.jsx │ │ │ └── auth.jsx │ │ └── components │ │ │ └── util │ │ │ ├── Logo.jsx │ │ │ ├── Error.jsx │ │ │ └── Modal.jsx │ ├── .eslintrc.js │ ├── public │ │ └── favicon.ico │ └── remix.config.js │ ├── 08 Navigating Programmatically │ ├── .gitignore │ ├── app │ │ ├── routes │ │ │ ├── expenses.raw.jsx │ │ │ └── auth.jsx │ │ └── components │ │ │ └── util │ │ │ ├── Logo.jsx │ │ │ ├── Error.jsx │ │ │ └── Modal.jsx │ ├── .eslintrc.js │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ └── remix.config.js │ ├── 09 Introducing Pathless Layout Routes │ ├── .gitignore │ ├── app │ │ ├── routes │ │ │ ├── expenses.raw.jsx │ │ │ ├── auth.jsx │ │ │ ├── __marketing.jsx │ │ │ └── __app.jsx │ │ └── components │ │ │ └── util │ │ │ └── Logo.jsx │ ├── .eslintrc.js │ ├── public │ │ ├── favicon.ico │ │ └── images │ │ │ ├── expenses-chart.jpg │ │ │ └── expenses-management.jpg │ └── remix.config.js │ └── Extra Files │ ├── images.zip │ ├── styles.zip │ ├── components.zip │ ├── images │ ├── expenses-chart.jpg │ └── expenses-management.jpg │ └── components │ └── util │ ├── Logo.jsx │ ├── Error.jsx │ └── Modal.jsx ├── .prettierrc └── Slides └── remix-slides.pdf /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | -------------------------------------------------------------------------------- /Code/02 Essentials/ZZ V2-finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | .env 6 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | .env 6 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "tabWidth": 2, 3 | "jsxSingleQuote": true, 4 | "singleQuote": true 5 | } 6 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | .env 6 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | .env 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | .env 6 | -------------------------------------------------------------------------------- /Code/02 Essentials/02 Adding Links/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/04 Styling Pages/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/01 Starting Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/10 Validating Input/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/06 Styling Active Links/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/07 Adding Backend Code/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/09 Providing User Feedback/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/12 Adding Dynamic Routes/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/01 Starting Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/03 Onwards to Better Project/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/05 Surfacing Component Styles/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/07 Adding Backend Code/notes.json: -------------------------------------------------------------------------------- 1 | {"notes":[{"title":"Test","content":"Test","id":"2022-10-19T09:23:11.183Z"}]} -------------------------------------------------------------------------------- /Code/02 Essentials/11 Handling Error Responses/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | .DS_Store -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | .DS_Store -------------------------------------------------------------------------------- /Slides/remix-slides.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Slides/remix-slides.pdf -------------------------------------------------------------------------------- /Code/02 Essentials/02 Adding Links/app/routes/demo.jsx: -------------------------------------------------------------------------------- 1 | export default function DemoPage() { 2 | return

Demo Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/02 Essentials/08 Returning & Using Fetched Data/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/13 Fetching Data for Dynamic Routes/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | export default function AuthPage() { 2 | return

Auth Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | .DS_Store -------------------------------------------------------------------------------- /Code/02 Essentials/03 Onwards to Better Project/app/routes/demo.jsx: -------------------------------------------------------------------------------- 1 | export default function DemoPage() { 2 | return

Demo Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/02 Essentials/11 Handling Error Responses/notes.json: -------------------------------------------------------------------------------- 1 | {"notes":[{"title":"New Notes","content":"A new note!","id":"2022-10-19T11:10:56.831Z"}]} -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | export default function AuthPage() { 2 | return

Auth Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/index.jsx: -------------------------------------------------------------------------------- 1 | export default function Index() { 2 | return

Home Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/pricing.jsx: -------------------------------------------------------------------------------- 1 | export default function PricingPage() { 2 | return

Pricing Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | /.cache 4 | /build 5 | /public/build 6 | .env 7 | -------------------------------------------------------------------------------- /Code/02 Essentials/ZZ V2-finished/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/pricing.jsx: -------------------------------------------------------------------------------- 1 | export default function PricingPage() { 2 | return

Pricing Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | }; 7 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/expenses.jsx: -------------------------------------------------------------------------------- 1 | export default function ExpensesPage() { 2 | return

Expenses Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/routes/pricing.jsx: -------------------------------------------------------------------------------- 1 | export default function PricingPage() { 2 | return

Pricing Page

; 3 | } 4 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/index.jsx: -------------------------------------------------------------------------------- 1 | // your-domain.com/ 2 | 3 | export default function Index() { 4 | return

Home Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/02 Essentials/14 Finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/14 Finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/routes/index.jsx: -------------------------------------------------------------------------------- 1 | // your-domain.com/ 2 | 3 | export default function Index() { 4 | return

Home Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/images.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/Extra Files/images.zip -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/styles.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/Extra Files/styles.zip -------------------------------------------------------------------------------- /Code/02 Essentials/04 Styling Pages/app/routes/notes.jsx: -------------------------------------------------------------------------------- 1 | export default function NotesPage() { 2 | return ( 3 |
4 |

My Notes

5 |
6 | ); 7 | } 8 | -------------------------------------------------------------------------------- /Code/02 Essentials/ZZ V2-finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/ZZ V2-finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/components.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/Extra Files/components.zip -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/ZZ V2-finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/02 Adding Links/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/02 Adding Links/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/04 Styling Pages/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/04 Styling Pages/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/ZZ V2-finished/public/logo-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/ZZ V2-finished/public/logo-dark.png -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/expenses/add.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/add 2 | 3 | export default function AddExpensesPage() { 4 | return

Add Expenses Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/07 Paths/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/15 Finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/08 Finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/01 Starting Project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/01 Starting Project/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/10 Validating Input/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/10 Validating Input/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/ZZ V2-finished/public/logo-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/ZZ V2-finished/public/logo-light.png -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/12 Finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/ZZ V2-finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/03 User Signup/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/ZZ V2-finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/01 Starting Project/public/favicon.ico -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/02 Adding Metadata/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/14 Finished/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/expenses.add.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/add 2 | 3 | export default function AddExpensesPage() { 4 | return

Add Expenses Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/ZZ V2-finished/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/09 Updating Data/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/10 Deleting Data/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/06 Adding Logout/public/favicon.ico -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/04 Disable JavaScript/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/02 Adding Links/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/04 Styling Pages/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/06 Styling Active Links/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/06 Styling Active Links/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/07 Adding Backend Code/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/07 Adding Backend Code/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/12 Adding Dynamic Routes/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/12 Adding Dynamic Routes/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/03 Layout Routes/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/routes/expenses/add.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/add 2 | 3 | export default function AddExpensesPage() { 4 | return

Add Expenses Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/11 Splat Routes/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/public/logo-light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/ZZ V2-finished/public/logo-light.png -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/01 Starting Project/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/06 Fetching Expenses/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/01 Starting Project/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/01 Starting Project/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/06 Styling Active Links/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/07 Adding Backend Code/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/09 Providing User Feedback/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/09 Providing User Feedback/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/10 Validating Input/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/01 Starting Project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/01 Starting Project/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/expenses/analysis.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/analysis 2 | 3 | export default function ExpensesAnalysisPage() { 4 | return

Expenses Analysis Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/05 Marketing Pages/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | export default function ExpensesRawPage() { 4 | return

Expenses Raw Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/Extra Files/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/03 Onwards to Better Project/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/03 Onwards to Better Project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/03 Onwards to Better Project/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/05 Surfacing Component Styles/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/05 Surfacing Component Styles/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/09 Providing User Feedback/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/11 Handling Error Responses/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/11 Handling Error Responses/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/11 Handling Error Responses/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/12 Adding Dynamic Routes/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/01 Starting Project/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/07 Paths/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/02 Adding Expense Model/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/04 Server-side Validation/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/14 Practice Time Solution/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/15 Finished/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/02 Preparing the Database/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/07 More Route Protection/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/08 Finished/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/ZZ V2-finished/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/02 Essentials/05 Surfacing Component Styles/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/08 Returning & Using Fetched Data/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/expenses.analysis.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/analysis 2 | 3 | export default function ExpensesAnalysisPage() { 4 | return

Expenses Analysis Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/Extra Files/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/07 Loading a Single Expense/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/08 Using Parent Loader Data/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/04 Creating Session Cookies/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/05 Extracting Session Data/public/favicon.ico -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/app/routes/expenses.raw.js: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/02 Essentials/08 Returning & Using Fetched Data/notes.json: -------------------------------------------------------------------------------- 1 | {"notes":[{"title":"Test","content":"Test","id":"2022-10-19T09:23:11.183Z"},{"title":"A second note","content":"Remix is awesome!","id":"2022-10-19T10:28:10.980Z"}]} -------------------------------------------------------------------------------- /Code/02 Essentials/08 Returning & Using Fetched Data/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/08 Returning & Using Fetched Data/public/favicon.ico -------------------------------------------------------------------------------- /Code/02 Essentials/13 Fetching Data for Dynamic Routes/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/02 Creating Project Routes/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/routes/expenses/analysis.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/analysis 2 | 3 | export default function ExpensesAnalysisPage() { 4 | return

Expenses Analysis Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/06 Rendering a Modal Page/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/07 Paths/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/10 Doing More With Pathless/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/12 Finished/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/09 Updating Data/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/10 Deleting Data/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/15 Finished/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/ZZ V2-finished/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/03 User Signup/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/06 Adding Logout/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/08 Finished/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/ZZ V2-finished/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/01 Starting Project/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/02 Adding Metadata/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/03 Using Action & Loader Headers/public/favicon.ico -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/ZZ V2-finished/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/02 Essentials/12 Adding Dynamic Routes/notes.json: -------------------------------------------------------------------------------- 1 | {"notes":[{"title":"New Notes","content":"A new note!","id":"2022-10-19T11:10:56.831Z"},{"title":"Remix is awesome!","content":"It really is!","id":"2022-10-19T11:16:55.247Z"}]} -------------------------------------------------------------------------------- /Code/02 Essentials/13 Fetching Data for Dynamic Routes/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/02 Essentials/13 Fetching Data for Dynamic Routes/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | function Logo() { 2 | return ( 3 |

4 | RemixExpenses 5 |

6 | ); 7 | } 8 | 9 | export default Logo; 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/11 Splat Routes/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | function Logo() { 2 | return ( 3 |

4 | RemixExpenses 5 |

6 | ); 7 | } 8 | 9 | export default Logo; 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/ZZ V2-finished/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/12 Extracting Search Parameters/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { getExpenses } from '~/data/expenses.server'; 4 | 5 | export function loader() { 6 | return getExpenses(); 7 | } 8 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/04 Disable JavaScript/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/04 Adding Components & Styling/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/05 Marketing Pages/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/08 Navigating Programmatically/public/favicon.ico -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/12 Finished/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/01 Starting Project/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/03 Adding Expenses to the Database/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/06 Fetching Expenses/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/09 Updating Data/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/10 Deleting Data/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/.eslintrc.js: -------------------------------------------------------------------------------- 1 | /** @type {import('eslint').Linter.Config} */ 2 | module.exports = { 3 | extends: ["@remix-run/eslint-config", "@remix-run/eslint-config/node"], 4 | }; 5 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/ZZ V2-finished/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/01 Starting Project/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/03 User Signup/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/06 Adding Logout/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/ZZ V2-finished/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/01 Starting Project/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/02 Adding Metadata/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/02 Essentials/01 Starting Project/app/routes/index.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | export default function Index() { 4 | return ( 5 | <> 6 |

Hello World!

7 | 8 | ); 9 | } 10 | -------------------------------------------------------------------------------- /Code/02 Essentials/13 Fetching Data for Dynamic Routes/notes.json: -------------------------------------------------------------------------------- 1 | {"notes":[{"title":"New Notes","content":"A new note!","id":"2022-10-19T11:10:56.831Z"},{"title":"Remix is awesome!","content":"It really is!","id":"2022-10-19T11:16:55.247Z"}]} -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/expenses/$id.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/ => /expenses/expense-1, /expenses/e-1 2 | 3 | export default function UpdateExpensesPage() { 4 | return

Update Expenses Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | function Logo() { 2 | return ( 3 |

4 | RemixExpenses 5 |

6 | ); 7 | } 8 | 9 | export default Logo; 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/11 Splat Routes/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/ZZ V2-finished/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/02 Adding Expense Model/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/05 Submitting Forms Programmatically/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/13 Managing Errors Inside Components/public/favicon.ico -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/04 Disable JavaScript/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/05 Marketing Pages/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/01 Starting Project/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/04 Server-side Validation/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/06 Fetching Expenses/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/14 Practice Time Solution/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/01 Starting Project/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/02 Preparing the Database/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/05 Extracting Session Data/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/07 More Route Protection/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/01 Starting Project/app/routes/index.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | export default function Index() { 4 | return ( 5 | <> 6 |

Hello World!

7 | 8 | ); 9 | } 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/app/routes/expenses.$id.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/ => /expenses/expense-1, /expenses/e-1 2 | 3 | export default function UpdateExpensesPage() { 4 | return

Update Expenses Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/app/routes/expenses/add.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/add 2 | 3 | import ExpenseForm from '~/components/expenses/ExpenseForm'; 4 | 5 | export default function AddExpensesPage() { 6 | return ; 7 | } 8 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | function Logo() { 2 | return ( 3 |

4 | RemixExpenses 5 |

6 | ); 7 | } 8 | 9 | export default Logo; 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/06 Rendering a Modal Page/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/02 Adding Expense Model/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/07 Loading a Single Expense/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/08 Using Parent Loader Data/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/04 Creating Session Cookies/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/03 Using Action & Loader Headers/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | function Logo() { 2 | return ( 3 |

4 | RemixExpenses 5 |

6 | ); 7 | } 8 | 9 | export default Logo; 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/routes/expenses/$id.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/ => /expenses/expense-1, /expenses/e-1 2 | 3 | export default function UpdateExpensesPage() { 4 | return

Update Expenses Page

; 5 | } 6 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | function Logo() { 2 | return ( 3 |

4 | RemixExpenses 5 |

6 | ); 7 | } 8 | 9 | export default Logo; 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/10 Doing More With Pathless/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/04 Server-side Validation/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/public/favicon.ico -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/12 Extracting Search Parameters/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/14 Practice Time Solution/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/02 Preparing the Database/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/05 Extracting Session Data/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/07 More Route Protection/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/06 Rendering a Modal Page/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/08 Navigating Programmatically/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/07 Loading a Single Expense/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/08 Using Parent Loader Data/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/05 Authentication/04 Creating Session Cookies/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/06 Deployment/03 Using Action & Loader Headers/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/10 Doing More With Pathless/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/03 Adding Expenses to the Database/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/05 Submitting Forms Programmatically/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/12 Extracting Search Parameters/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/13 Managing Errors Inside Components/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/08 Navigating Programmatically/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/03 Adding Expenses to the Database/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/05 Submitting Forms Programmatically/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/13 Managing Errors Inside Components/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/public/images/expenses-chart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/public/images/expenses-chart.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/02 Essentials/02 Adding Links/app/routes/index.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | export default function Index() { 4 | return ( 5 | <> 6 |

Hello World!

7 | Go to Demo Page 8 | 9 | ); 10 | } 11 | -------------------------------------------------------------------------------- /Code/02 Essentials/ZZ V2-finished/app/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html, 6 | body { 7 | @apply bg-white dark:bg-gray-950; 8 | 9 | @media (prefers-color-scheme: dark) { 10 | color-scheme: dark; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/app/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html, 6 | body { 7 | @apply bg-white dark:bg-gray-950; 8 | 9 | @media (prefers-color-scheme: dark) { 10 | color-scheme: dark; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/app/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html, 6 | body { 7 | @apply bg-white dark:bg-gray-950; 8 | 9 | @media (prefers-color-scheme: dark) { 10 | color-scheme: dark; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/public/images/expenses-management.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/academind/remix-practical-guide-course-resources/HEAD/Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/public/images/expenses-management.jpg -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/app/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html, 6 | body { 7 | @apply bg-white dark:bg-gray-950; 8 | 9 | @media (prefers-color-scheme: dark) { 10 | color-scheme: dark; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/app/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | html, 6 | body { 7 | @apply bg-white dark:bg-gray-950; 8 | 9 | @media (prefers-color-scheme: dark) { 10 | color-scheme: dark; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/app/routes/expenses/$id.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/ => /expenses/expense-1, /expenses/e-1 2 | 3 | import ExpenseForm from '~/components/expenses/ExpenseForm'; 4 | 5 | export default function UpdateExpensesPage() { 6 | return ; 7 | } 8 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/app/routes/$.jsx: -------------------------------------------------------------------------------- 1 | import { redirect } from '@remix-run/node'; 2 | 3 | export function loader({ params }) { 4 | if (params['*'] === 'exp') { 5 | return redirect('/expenses'); 6 | } 7 | 8 | throw new Response('Not found', { status: 404 }); 9 | } 10 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/app/routes/$.jsx: -------------------------------------------------------------------------------- 1 | import { redirect } from '@remix-run/node'; 2 | 3 | export function loader({ params }) { 4 | if (params['*'] === 'exp') { 5 | return redirect('/expenses'); 6 | } 7 | 8 | throw new Response('Not found', { status: 404 }); 9 | } 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/app/routes/$.jsx: -------------------------------------------------------------------------------- 1 | import { redirect } from '@remix-run/node'; 2 | 3 | export function loader({ params }) { 4 | if (params['*'] === 'exp') { 5 | return redirect('/expenses'); 6 | } 7 | 8 | throw new Response('Not found', { status: 404 }); 9 | } 10 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | import authStyles from '~/styles/auth.css'; 2 | 3 | export default function AuthPage() { 4 | return

Auth Page

; 5 | } 6 | 7 | export function links() { 8 | return [{ rel: 'stylesheet', href: authStyles }]; 9 | } 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/02 Essentials/02 Adding Links/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/14 Finished/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/app/components/util/Logo.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | function Logo() { 4 | return ( 5 |

6 | RemixExpenses 7 |

8 | ); 9 | } 10 | 11 | export default Logo; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/01 Starting Project/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/04 Styling Pages/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/10 Validating Input/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/06 Styling Active Links/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/07 Adding Backend Code/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/12 Adding Dynamic Routes/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/app/routes/expenses.jsx: -------------------------------------------------------------------------------- 1 | // /expenses => shared layout 2 | 3 | import { Outlet } from '@remix-run/react'; 4 | 5 | export default function ExpensesLayout() { 6 | return ( 7 |
8 |

Shared element!

9 | 10 |
11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/03 Layout Routes/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/03 Onwards to Better Project/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/05 Surfacing Component Styles/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/09 Providing User Feedback/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/11 Handling Error Responses/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/01 Starting Project/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/08 Returning & Using Fetched Data/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/13 Fetching Data for Dynamic Routes/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/02 Creating Project Routes/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/02 Essentials/06 Styling Active Links/app/routes/notes.jsx: -------------------------------------------------------------------------------- 1 | import NewNote, { links as newNoteLinks } from '~/components/NewNote'; 2 | 3 | export default function NotesPage() { 4 | return ( 5 |
6 | 7 |
8 | ); 9 | } 10 | 11 | export function links() { 12 | return [...newNoteLinks()]; 13 | } 14 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/app/routes/expenses/add.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/add 2 | 3 | import ExpenseForm from '~/components/expenses/ExpenseForm'; 4 | import Modal from '~/components/util/Modal'; 5 | 6 | export default function AddExpensesPage() { 7 | return ( 8 | 9 | 10 | 11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/remix.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('@remix-run/dev').AppConfig} */ 2 | module.exports = { 3 | ignoredRouteFiles: ["**/.*"], 4 | // appDirectory: "app", 5 | // assetsBuildDirectory: "public/build", 6 | // serverBuildPath: "build/index.js", 7 | // publicPath: "/build/", 8 | }; 9 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({request}) { 7 | await requireUserSession(request); 8 | return getExpenses(); 9 | } 10 | -------------------------------------------------------------------------------- /Code/02 Essentials/05 Surfacing Component Styles/app/routes/notes.jsx: -------------------------------------------------------------------------------- 1 | import NewNote, { links as newNoteLinks } from '~/components/NewNote'; 2 | 3 | export default function NotesPage() { 4 | return ( 5 |
6 | 7 |
8 | ); 9 | } 10 | 11 | export function links() { 12 | return [...newNoteLinks()]; 13 | } 14 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({request}) { 7 | const userId = await requireUserSession(request); 8 | return getExpenses(userId); 9 | } 10 | -------------------------------------------------------------------------------- /Code/02 Essentials/14 Finished/notes.json: -------------------------------------------------------------------------------- 1 | { 2 | "notes": [ 3 | { 4 | "title": "New Notes", 5 | "content": "A new note!", 6 | "id": "2022-10-19T11:10:56.831Z" 7 | }, 8 | { 9 | "title": "Remix is awesome!", 10 | "content": "It really is!", 11 | "id": "2022-10-19T11:16:55.247Z" 12 | } 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/app/routes/_marketing.auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css?url'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({request}) { 7 | const userId = await requireUserSession(request); 8 | return getExpenses(userId); 9 | } 10 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({request}) { 7 | const userId = await requireUserSession(request); 8 | return getExpenses(userId); 9 | } 10 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({request}) { 7 | const userId = await requireUserSession(request); 8 | return getExpenses(userId); 9 | } 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/app/routes/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({ request }) { 7 | const userId = await requireUserSession(request); 8 | return getExpenses(userId); 9 | } 10 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({request}) { 7 | const userId = await requireUserSession(request); 8 | return getExpenses(userId); 9 | } 10 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/app/routes/expenses/add.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/add 2 | 3 | import ExpenseForm from '~/components/expenses/ExpenseForm'; 4 | import Modal from '~/components/util/Modal'; 5 | 6 | export default function AddExpensesPage() { 7 | return ( 8 | 9 | 10 | 11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/app/routes/expenses.raw.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/raw 2 | 3 | import { requireUserSession } from '~/data/auth.server'; 4 | import { getExpenses } from '~/data/expenses.server'; 5 | 6 | export async function loader({request}) { 7 | const userId = await requireUserSession(request); 8 | return getExpenses(userId); 9 | } 10 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/app/routes/__marketing/auth.jsx: -------------------------------------------------------------------------------- 1 | import AuthForm from '~/components/auth/AuthForm'; 2 | import authStyles from '~/styles/auth.css'; 3 | 4 | export default function AuthPage() { 5 | return ; 6 | } 7 | 8 | export function links() { 9 | return [{ rel: 'stylesheet', href: authStyles }]; 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/app/routes/__marketing.jsx: -------------------------------------------------------------------------------- 1 | import { Outlet } from '@remix-run/react'; 2 | 3 | import marketingStyles from '~/styles/marketing.css'; 4 | 5 | export default function MarketingLayout() { 6 | return ; 7 | } 8 | 9 | export function links() { 10 | return [{ rel: 'stylesheet', href: marketingStyles }]; 11 | } 12 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/app/routes/expenses/$id.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/ => /expenses/expense-1, /expenses/e-1 2 | 3 | import ExpenseForm from '~/components/expenses/ExpenseForm'; 4 | import Modal from '~/components/util/Modal'; 5 | 6 | export default function UpdateExpensesPage() { 7 | return ( 8 | 9 | 10 | 11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/app/routes/logout.js: -------------------------------------------------------------------------------- 1 | import { json } from '@remix-run/node'; 2 | import { destroyUserSession } from '~/data/auth.server'; 3 | 4 | export function action({ request }) { 5 | if (request.method !== 'POST') { 6 | throw json({ message: 'Invalid request method' }, { status: 400 }); 7 | } 8 | 9 | return destroyUserSession(request); 10 | } 11 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/app/routes/expenses/$id.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/ => /expenses/expense-1, /expenses/e-1 2 | 3 | import ExpenseForm from '~/components/expenses/ExpenseForm'; 4 | import Modal from '~/components/util/Modal'; 5 | 6 | export default function UpdateExpensesPage() { 7 | return ( 8 | 9 | 10 | 11 | ); 12 | } 13 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/09 Introducing Pathless Layout Routes/app/routes/__app.jsx: -------------------------------------------------------------------------------- 1 | // /expenses/add 2 | 3 | import expensesStyles from '~/styles/expenses.css'; 4 | 5 | import { Outlet } from '@remix-run/react'; 6 | 7 | export default function ExpensesAppLayout() { 8 | return ; 9 | } 10 | 11 | export function links() { 12 | return [{ rel: 'stylesheet', href: expensesStyles }]; 13 | } 14 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/07 Paths/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/Extra Files/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/15 Finished/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/08 Finished/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/ZZ V2-finished/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/02 Essentials/Extra Files/index.jsx: -------------------------------------------------------------------------------- 1 | import { Link } from '@remix-run/react'; 2 | 3 | export default function Index() { 4 | return ( 5 |
6 |

A better way of keeping track of your notes

7 |

Try our early beta and never loose track of your notes again!

8 |

9 | Try Now! 10 |

11 |
12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/11 Splat Routes/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/12 Finished/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/ZZ V2-finished/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/09 Updating Data/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/10 Deleting Data/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/11 Programmatic Behind-the-Scenes Submission/app/components/util/FormattedDate.jsx: -------------------------------------------------------------------------------- 1 | function FormattedDate({date}) { 2 | const formattedDate = new Date(date).toLocaleDateString('en-US', { 3 | day: 'numeric', 4 | month: 'short', 5 | year: 'numeric', 6 | }); 7 | 8 | return ; 9 | } 10 | 11 | export default FormattedDate; 12 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/ZZ V2-finished/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/03 User Signup/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/06 Adding Logout/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/01 Starting Project/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/02 Adding Metadata/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/04 Disable JavaScript/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/05 Marketing Pages/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/10 Doing More With Pathless/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/01 Starting Project/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/02 Adding Expense Model/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/06 Fetching Expenses/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/12 Extracting Search Parameters/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/01 Starting Project/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/06 Rendering a Modal Page/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/03 Adding Expenses to the Database/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/04 Server-side Validation/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/05 Submitting Forms Programmatically/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/07 Loading a Single Expense/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/08 Using Parent Loader Data/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/13 Managing Errors Inside Components/app/components/util/Error.jsx: -------------------------------------------------------------------------------- 1 | import { FaExclamationCircle } from 'react-icons/fa'; 2 | 3 | function Error({ title, children }) { 4 | return ( 5 |
6 |
7 | 8 |
9 |

{title}

10 | {children} 11 |
12 | ); 13 | } 14 | 15 | export default Error; 16 | -------------------------------------------------------------------------------- /Code/04 Data Deep Dive/14 Practice Time Solution/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/02 Preparing the Database/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/04 Creating Session Cookies/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/05 Extracting Session Data/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/07 More Route Protection/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/05 Authentication/ZZ V2-finished/app/data/database.server.js: -------------------------------------------------------------------------------- 1 | import { PrismaClient } from '@prisma/client'; 2 | 3 | let prisma; 4 | 5 | if (process.env.NODE_ENV === 'production') { 6 | prisma = new PrismaClient(); 7 | prisma.$connect(); 8 | } else { 9 | if (!global.__db) { 10 | global.__db = new PrismaClient(); 11 | global.__db.$connect(); 12 | } 13 | prisma = global.__db; 14 | } 15 | 16 | export { prisma }; 17 | -------------------------------------------------------------------------------- /Code/06 Deployment/03 Using Action & Loader Headers/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/04 Adding Components & Styling/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | -------------------------------------------------------------------------------- /Code/03 Routing Deep Dive/08 Navigating Programmatically/app/components/util/Modal.jsx: -------------------------------------------------------------------------------- 1 | function Modal({ children, onClose }) { 2 | return ( 3 |
4 | event.stopPropagation()} 8 | > 9 | {children} 10 | 11 |
12 | ); 13 | } 14 | 15 | export default Modal; 16 | --------------------------------------------------------------------------------