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.
Table of Content
1. Specification
A spec describing what we are going to build in this tutorial
2. Setup
Setting up the project
3. Using TypeScript
Defining the shape of date using TypeScript interfaces
4. Prototyping with HTML
Using HTML to build the UI prototype.
5. Collections in React.js
Displaying data using collections in React.js
6. Form Handling in React.js
Using React.js to handle form validations & submissions
7. RESTful APIs
Creating REST APIs using Kretes controllers & handlers
8. Fetching from API in React.js using React Query
Using React Query to integrate with a remote REST API endpoint
9. Sending to API in React.js
Using React Query to mutate state on the server
10. Optimistic Updates in UI
Implementing optimistic updates for React.js UIs
11. Database Setup
Setting up a relational database
12. Querying Database
Integrating with a database
13. Inserting into Database
Persisting tasks on the server via REST API
14. Docker Image
Building a Docker image for a Kretes app
15. Using Tailwind CSS
Let's use Tailwind CSS to design and build the UI prototype.
16. Summary
Adding final touches
Found a mistake?Found a mistake? Would you like to suggest an improvement?