Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Independent

One Million Checkboxes with Laravel

via Independent

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
How do you render one million checkboxes in a browser and keep them synced in realtime?

Well, using a combination of virtual scroll rendering, Redis bitmaps and bi-directional WebSocket communication.

Let’s cover each of these concepts to build up this fun project — you’ll be surprised at how useful these techniques are for your own applications.

Syllabus

  • 01. Introduction and demo
  • 02. Laravel with Vue
  • 03. Rendering one million things
  • 04. Using a grid pattern for the scroller
  • 05. Reacting to state changes
  • 06. Client-to-client whispering
  • 07. Bi-directional websocket communication
  • 08. How Redis bitmaps work
  • 09. Toggling bits in Redis with Laravel
  • 10. Getting checkbox state from Redis
  • 11. Hydrating initial state
  • 12. A quick reactivity fix
  • 13. Making the scroller responsive
  • 14. Keeping track of the checkbox count
  • 15. Navigating to a checkbox
  • 16. Fixing responsiveness on load

Taught by

Alex Garrett-Smith

Reviews

Start your review of One Million Checkboxes with Laravel

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.