{"id":21890814,"url":"https://github.com/chantastic/react-suspense-course","last_synced_at":"2025-04-15T13:39:08.343Z","repository":{"id":36514186,"uuid":"213484763","full_name":"chantastic/react-suspense-course","owner":"chantastic","description":null,"archived":false,"fork":false,"pushed_at":"2023-01-04T22:17:48.000Z","size":1878,"stargazers_count":73,"open_issues_count":22,"forks_count":23,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-28T20:36:41.290Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chantastic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-10-07T20:53:48.000Z","updated_at":"2024-06-15T07:04:47.000Z","dependencies_parsed_at":"2023-01-17T02:15:24.048Z","dependency_job_id":null,"html_url":"https://github.com/chantastic/react-suspense-course","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-suspense-course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-suspense-course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-suspense-course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chantastic%2Freact-suspense-course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chantastic","download_url":"https://codeload.github.com/chantastic/react-suspense-course/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249081516,"owners_count":21209712,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-28T12:17:19.045Z","updated_at":"2025-04-15T13:39:08.310Z","avatar_url":"https://github.com/chantastic.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Build an App with React Suspense\n\nWelcome!\n\nWe're going to have a great time exploring React's experimental Concurrent Mode.  \nConcurrent Mode is an exciting leap forward in user interface development.  \nIt allows us to describe user interface transitions in beautiful detail.\n\nApps aren't static.  \nThey move — responding to user input as they dart back and forth to the internet for data. Concurrent Mode and Suspense give us a language for those movements.\n\nIn this workshop we talk project setup, finding help, and what to expect from this very exciting — very experimental — feature.\n\nThis course is narrowly focused on Concurrent Mode and Suspense.  \nWe will not cover adjacent topics like styling or code organization.\n\n## On Egghead\n\nThis course is available to egghead.io members or as a standalone course for \\$99.\n\n[Buy the course or membership here](https://egghead.io/courses/build-an-app-with-react-suspense?af=1x80ad)\n\n## Contact\n\nIf you have questions, hit me up on twitter — [@chantastic](https://twitter.com/chantastic) — or via email (in my [Github bio](https://github.com/chantastic/)).\n\n## WARNING!!!\n\nWhat we'll cover here is not \"stable\" React API.  \nIt will likely change.\n\n## Who is this for?\n\nThis is an advanced React course.  \nI assume that you've built applications in React.\n\nYou could absolutely follow this tutorial with no React experience.  \nHowever, the patterns I'll demonstrate here won't feel necessary unless you've worked in a complex codebase.\n\nThe goal of this course isn't to teach React from scratch  \nBut to showcase this glimpse of the future we have from React.\n\n## Why should you care?\n\nSuspense will change the way you interact with data.  \nIt also changes the way you control visual transitions between pending and loaded states.\n\n## What's the goal of this course?\n\nMy goal is that you walk into Suspense with a good understanding of the underlying principles.  \nWe'll start with an introduction to the basics of Suspense.  \nWe'll close with general component design and organization that I think will help you, regardless of Suspense.\n\n## Installation and usage\n\nThis is a standard `create-react-app` application.\n\n- Clone the repo\n- CD into the project directory (`react-suspense-course` by default)\n- Run `yarn` to install the deps\n- Run `yarn start` to start a development server\n\n## Course organization\n\n- `src/index` is the main app\n  - Change lessons by changing the imported directory\n- `src/lessons/` are all the workshop lessons\n  - lessons are chronological\n  - each lesson has a `README.md` with a lesson description and assignment\n  - the solution to each lesson is the next lesson\n- `complete` is the completed application with everything in place\n\n© 2019 Michael Chan\n\n\u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by-nc-sa/4.0/\"\u003e\u003cimg alt=\"Creative Commons License\" style=\"border-width:0\" src=\"https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png\" /\u003e\u003c/a\u003e\u003cbr /\u003eThis work is licensed under a \u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by-nc-sa/4.0/\"\u003eCreative Commons Attribution-NonCommercial-ShareAlike 4.0 International License\u003c/a\u003e.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchantastic%2Freact-suspense-course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchantastic%2Freact-suspense-course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchantastic%2Freact-suspense-course/lists"}