Specification
A spec describing what we are going to build in this tutorial
Tutorial
This tutorial is work-in-progress. The goal is create a task management application as shown here. Feedback is welcome!
Found an error? Would you like to suggest an improvement? Open an issue on GitHub.
Create App
Initializing projects with templates
TypeScript Shape
Defining the shape of date using TypeScript interfaces
Lists with Tailwind CSS
Using Tailwind CSS to build the UI prototype.
Collections in React.js
Displaying data using collections in React.js
Forms with Tailwind CSS
Let's use Tailwind CSS to design and build the UI prototype.
Forms Handling in React.js
Using React.js to handle form validations & submissions
RESTful APIs
Creating REST APIs using Kretes controllers & handlers
Fetching from API in React.js
Using React Query to integrate with a remote REST API endpoint
Sending to API in React.js
Let's use Tailwind CSS to design and build the UI prototype.
Optimistic Updates in UI
Implementing optimistic updates for React.js UIs
Database Setup
Setting up a relational database
Querying Database
Integrating with a database
Inserting into Database
Persisting tasks on the server via REST API
Summary
Adding final touches
Found a mistake?Found a mistake? Would you like to suggest an improvement?