jaredpalmer / React Conf 2018
Licence: mit
React Conf 2018 Source Code for "Moving to Suspense" Demo
Programming Languages
javascript 184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Conf 2018
Coverify🎧 Design fresh album cover for your Spotify playlists
Stars: ✭ 167 (-26.11%)
Mutual labels: spotify
LibrespotOpen Source Spotify client library
Stars: ✭ 2,689 (+1089.82%)
Mutual labels: spotify
Genius SpicetifyFetch lyrics from Genius and Musixmatch right in Spotify desktop client
Stars: ✭ 198 (-12.39%)
Mutual labels: spotify
Esp8266 Spotify RemoteControl your Spotify player from a ESP8266 with color touch display
Stars: ✭ 170 (-24.78%)
Mutual labels: spotify
BaritoneSpotify controls that live in your menubar.
Stars: ✭ 178 (-21.24%)
Mutual labels: spotify
Instant LyricsShows lyrics of the currently playing Spotify song, or any song, instantly.
Stars: ✭ 191 (-15.49%)
Mutual labels: spotify
TuneA streamlined Spotify client and browser with a focus on performance and integrations.
Stars: ✭ 166 (-26.55%)
Mutual labels: spotify
Last.fm Scrubbler WpfManual Last.fm scrobbling for when a service (or you!) failed to scrobble.
Stars: ✭ 217 (-3.98%)
Mutual labels: spotify
SmudgeControl the Spotify app from within Emacs.
Stars: ✭ 186 (-17.7%)
Mutual labels: spotify
Spotify SdkSpotify SDK | Entity and Collection oriented | Browser and Node support!
Stars: ✭ 200 (-11.5%)
Mutual labels: spotify
SpotifylyricsFetches and displays lyrics to currently playing song in Spotify, Tidal and VLC.
Stars: ✭ 171 (-24.34%)
Mutual labels: spotify
NovatoremDynamic realtime profile ReadMe linked with spotify
Stars: ✭ 176 (-22.12%)
Mutual labels: spotify
BoombeasticA Raspberry Pi based smart connected speaker with support for airplay, spotify, mpd and local playback
Stars: ✭ 195 (-13.72%)
Mutual labels: spotify
Ablemusicplayer🎵 A Youtube Music like app with a Spotify like design - ad free and open source. Feel free to PR. NOTE: BEING REWRITTEN, HENCE THE REPO WILL BE INACTIVE FOR A WHILE
Stars: ✭ 167 (-26.11%)
Mutual labels: spotify
Androidcourse101Complete Android Development Course 101: Spotify Clone App
Stars: ✭ 208 (-7.96%)
Mutual labels: spotify
Librespot JavaThe most up-to-date open source Spotify client
Stars: ✭ 166 (-26.55%)
Mutual labels: spotify
SpotlightifyThe Spotify overlay controller
Stars: ✭ 190 (-15.93%)
Mutual labels: spotify
Spotify QtLightweight Spotify client using Qt
Stars: ✭ 212 (-6.19%)
Mutual labels: spotify
Spotify GraphqlGraphQL schema for Spotify WebAPI — TypeScript / Node.js (v6)
Stars: ✭ 213 (-5.75%)
Mutual labels: spotify
ObscurifyFind out more about your music taste and compare it to others' with Obscurify
Stars: ✭ 200 (-11.5%)
Mutual labels: spotify
Moving to React Suspense
By Jared Palmer at React Conf 2018.
This is the source code to the application I demo'd at React Conf 2018. It is a small slice of Spotify called Suspensify. It's built with create react app, reach router, and good ol' setState.
It's separated into 3 folders:
-
before-suspense
is the initial state of the application.
-
conf-talk-progress
is where we end up--the final state of my talk--so you can follow along.
-
after-suspsense
is a version where every single thing that can be moved to suspense, has been moved to suspense. I did not get this far in my talk, but it's there for completeness / reference.
Running locally
cd conf-talk-progress
yarn start
Note the Ken Wheeler and Wale routes do not work. I didn't bother making fake data for them. Sorry. Only the Drake and Big Sean routes work (first 2 results).
In the patches
directory, there is a patched version of CRA's config/webpackDevServer.config.js
that adds a little express middleware that will delay the high-res images from loading for demo purposes. It sniffs any requests including with -hd.jpeg
and waits for the value of delay
query parameter. The <Debugger />
request latency slider is used to set this query parameter's value for all images.
What's it look like?
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at
[email protected].