Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: Better utilize suspense in Tutorial #1155

Merged
merged 5 commits into from
Jun 28, 2024
Merged

Conversation

rschristian
Copy link
Member

@rschristian rschristian commented Jun 27, 2024

This should be the last of the vite & preact-iso migration changes, sorry it took so long for me to land.

Better utilizes suspense, so now we can just rely on the router loading state -- no longer is there any loading of the REPL/Code Editor separately post-mount. This also fixes the full unmount of the route when navigating between tutorial steps, structure is now preserved & content is simply swapped out. Feels a lot smoother.

Certainly let me know if any issues are spotted -- I spent a fair bit of time going through different situations manually but this is the most complex page we have by a fair margin, which is why it was left for last.

@rschristian rschristian force-pushed the refactor/tutorial branch 2 times, most recently from afc020f to 0de5c58 Compare June 27, 2024 20:29
@rschristian rschristian changed the title refactor: Butter utilize suspense in Tutorial refactor: Better utilize suspense in Tutorial Jun 27, 2024
Comment on lines -1 to -17
.errorOverlayWrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
display: flex;
}

.close {
position: absolute;
top: 1rem;
right: 1rem;
z-index: 10;
}

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Most of these error styles weren't working correctly as they were sitting under the REPL Runner's styles and/or were redundant, so I stripped them out. Errors should continue to look as they have in the REPL & Tutorial.

@rschristian rschristian merged commit 031dc91 into master Jun 28, 2024
5 checks passed
@rschristian rschristian deleted the refactor/tutorial branch June 28, 2024 19:08
rschristian added a commit that referenced this pull request Jun 30, 2024
* refactor: Clean up tutorial & REPL, fix ?code query param

* chore: Disable `react/jsx-no-bind` lint rule

* fix: REPL 'Share' button triggered confirmation dialog
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants