
Learn to build a to do list app using a RESTful API and React Native with Expo, in an intermediate tutorial that requires React Native, JavaScript knowledge and an emulator.
Install the Nest CLI, scaffold a Mongo-backed project, start the server on port 8000, and enable CORS to allow frontend requests for the to-do list API.
Install mongoose and related database packages for a NestJS todo app, then import the mongoose module into the app module to enable MongoDB usage for upcoming CRUD operations on todos.
Generate restful endpoints for a todo app using nest g resource to create CRUD operations and scaffold the service, module, controller, and entity, with plans to connect MongoDB.
define a Mongoose schema for a todo with title and completed fields, enable toJSON and virtual getters, and add a virtual id derived from the document's _id.
Inject the to-do model via dependency injection and implement async create, find, update, and delete. Handle not found errors and save changes with proper execute calls.
Import modules and set up mongoose, then test posting and retrieving tattoos via localhost:8000/tattoos, using get all, post, and find by ID controller methods.
Learn to use patch to update partial data, unlike post which creates a new object; patch uses the same url as getting by id.
Delete todo request demonstrates removing a todo via the same URL using the delete method, confirming the item disappears from requests and the database after refresh.
Install and verify Expo, scaffold a React Native app with expo create, and run it on an emulator to see live reload, preparing for UI framework setup and to-do services.
Install TypeScript for type checking, then install UI Kitten for React Native with kit components, React Native SVG, and the icons package (UI Kitten and Eva icons).
Test the UI Kitten button component with expo start and android emulator, and verify installation works; build a sample screen using icon registry, layout, text, and a press me button.
Explore the project directory structure for the todo list app, organizing code into source, components, and services, including the to-do service, to-do form TSX, and to-do item TSX.
configure your mobile app to use a real IP address as the base URL instead of localhost, and implement load, create, update, and delete todo operations with fetch and JSON.
Manage to-do state and refreshing in a to-do list app, with top navigation, dividers, a spinner, and conditional content based on list length.
Create a todo item component that renders as a list item with toggle and delete capabilities, and introduce an accessory component with icons. The next video completes its render.
Render a todo accessory in React Native by wiring a checkbox to state with onChange, adding a delete button, and styling item rows with a dedicated stylesheet for layout.
Build the todo list interface by implementing methods to modify todos, including form submission, toggling completion, and deleting items, while wiring accessories, props, and styles for a polished interface.
Create a to-do form using button, input, and layout components; handle on-change and submit events, reset the input, and style the container for the React Native interface.
Fixes a bug in the delete button that creates a new todo when clicked. Shows how missing parameters cause unwanted additions, and that setting them correctly enables removing todos.
Access a bonus video detailing a 30% lifetime discount on code brains dot io with code new 30. Receive monthly updates and weekly notices about upcoming courses and forum access.
If you're tired of long courses and just want to learn basic web development this course is for you. This course was built with the goal of teaching the students how to use NestJS and React Native. It focuses heavily on designing a backend RESTful Web Service with CRUD functionality that sends data to a React Native Front End Application. This is an entry-level course that focuses on building and reinforcing some of the techniques used by developers to build a full-stack application.
In this course, we start by learning what tools you need to create a full-stack Before taking this course, it is recommended that you have an understanding of skills such as Javascript, NestJS, MongoDB, or ORM development. If not we'll touch on some of those topics early in the course but it is still recommended to have a better understanding.
When going through this course you may come across subjects that you are familiar with as well as those that are completely new to you.
Some of the topics touched upon include
React Hooks
React Functional Components
HTTP Requests with Fetch
CRUD Methods
NestJS
Database Migrations
ORMs
Mongo DB
When taking this course, please know that you can take your time because you will get access to support along the way. By the time you finish this course, you should feel comfortable creating a full-stack web application with React Native and NestJS.