React Native, Redux & Express - Full Stack React Native

Install MongoDB Compass by downloading the DMG, dragging it to applications, opening the app, connecting to the MongoDB port, and viewing a visual representation of your database.

Explore type inference in TypeScript by distinguishing primitive and object types, assigning types to variables with const and let, and using no emit on error to control compilation.

Master basic data types in TypeScript, including string, number, and boolean, using const and let. Learn how union types and reassignments affect available methods.

Define object and array types, including string, number, boolean, and array of strings, then create a reusable user type for multiple users.

Define reusable TypeScript types with the type keyword, declare optional properties like gender, and reuse the user type in multiple places to ensure error-free compilation.

Explore how to define and implement interfaces in TypeScript, modeling an audio player with current song and length, play next and play previous function types, and a class-based blueprint.

Understand what package.json, package-lock.json and node_modules do in a project, including dependencies and dev dependencies, and how npm install recreates node_modules using package.json.

learn how to set up a basic express server by importing express, creating an app, defining a home route with a get handler, and listening on port 8000.

Configure a professional TypeScript project with tsconfig options: commonjs module, ES2016 target, noImplicitAny, strict mode, esModuleInterop, and baseUrl; organize code in src, output to dist, and automate restarts with ts-node-dev.

The plan builds a crud application with create, read, update, delete. Define a root route and handle get, post, put, patch, and delete on nodes identified by unique ids.

Explore how MongoDB auto-generates unique _id and version-tracking __v fields for each document, and learn how to use the ID to update records in the database.

Explore the HTTP methods post, put, patch, and delete, and learn how to retrieve data, create records, update fully or partially, and remove resources.

Refactor your Express API by introducing routers, exporting a dedicated router, and prefixing endpoints, while applying middleware at the router level and modularizing controllers and models.

Learn how React, a JavaScript library for building user interfaces, enables reusable components, state management, and fast rendering via the virtual DOM.

Learn to bootstrap a React app with veet, choose React with TypeScript, install dependencies via npm i, and run npm run dev to serve the app on localhost.

Build a React app from the ground up by creating a basic app component, exporting it, and rendering jsx into a root div with ReactDOM, using strict mode.

Refactor and modularize a button into a reusable app button component in a React Native project, using TypeScript props for title, type, color, and an optional onClick.

Understand how React state stores input values, updates via useState and setTitle on change, and renders real-time validation like 'title is too short' for submission to a backend API.

Manage form state from a single place by storing title and description in one object, using a unified handleChange with input name attributes, and logging updates.

Convert the wrapper to a form and prevent its default submission. Submit the form data, including title and description, to the backend with axios.post using async and await.

Render new notes by mapping the nodes state to display each node with id, title, and description, then post to the backend create method and reset the form.

Update the ui by syncing the frontend with the backend api, and update a single node by id to change its title and description and re-render the nodes.

Use the map method to update item data and render list items in React; learn how IDs, titles, and descriptions are mapped to JSX elements with unique keys.

View note details in a React Native app by conditionally rendering descriptions with optional props, handling view clicks, and managing selected notes via state for a clean, dynamic UI.

Hide notes by toggling the node description visibility, updating the button title, and conditionally rendering view or description text based on the note content.

Build your podcast application using the basic mern stack you've practiced with a to-do list and note-taking app; in the next video, write the server for the podcast app.

Set up a project by creating a server, initializing npm with defaults, installing express and types, configuring ts-node and tsconfig, and wiring the entry index.ts for development.

Register an auth route to create users via the user schema, wiring express.json and express.urlencoded, and implement a post create handler in the auth router using name, email, and password.

Extend the express request with a typed user body, define a user.ts interface for name, email, and password, and import it in routes using a path alias.

Explore using free email templates, convert them for dynamic content with a generate template function, and plan sending images as attachments for password reset and OTP emails.

Learn to validate email verification requests by building a validation schema that ensures a valid token and a proper ObjectId for user id, using transform and custom validation with Mongoose.

Fix middleware type errors by extending express with a request.user interface via declare global, defining user fields including optional avatar and id handling.