Adewale Abati discusses how online IDEs like CodeSandbox allow developers to build and collaborate on code directly in the browser without needing local installations or downloads. Some benefits of online IDEs include accessibility, collaboration, mobility, quick start times, and flexible development environments compared to traditional offline development. While online IDEs still have limitations for complex projects, their capabilities continue to expand through features like mobile development environments, large shared projects, full stack projects, and enhanced collaboration.

1. codesandbox.io
Adewale Abati, Developer Advocate @ CodeSandbox
ReimaginingWeb
Developmentinyour
Browser

2. Who am I?
Adewale"Ace"Abati
WebEngineer.Open
SourceEnthusiast.
DeveloperAdvocate.
Gamer
@ace_kyd

3. Spoketoafewdevelopers.
Howdoyoubuildstuff?

4. A developer today: Develops mainly on their localhost
Uses version control e.g. GitHub, GitLab.
Shares code through repositories
Shares their screen or takes their laptop to a
colleague to fix a bug.
01
02
03
04

5. What if...? You can get instant help on your project with just
a link and boom!?
There is no need to install dependencies locally
before testing and running a project?
An entire class or workshop can follow you live
coding on their own devices?
What if...?
01
02
03
04

6. Browser-basedIDEs

7. Bringing your local environment with
you along with the benefits of the
cloud.
Accessibility, collaboration, mobility.

8. Popular online IDEs
Repl.it
CodeSandbox
Gitpod
Github Codespaces
01
02
03
04
etc.

9. VS
Huge downloads
Awful version upgrades
High resource consumption
Limited sharing capacity.
01
02
03
04
Little to no setup.
Quick start time.
Collaboration and sharing
Flexible development
environments
01
02
03
04
Current Offline development Using online IDEs

10. Complexprojects,Offlineaccessetc.
Therearestilllimitationsthough

11. Flexible mobile development e.g CodeSandbox iOS
Large projects with shared workflow. e.g CodeSpaces
and CodeSandbox Projects.
Complex full stack projects e.g StackBlitz
WebContainers, CodeSandbox Projects.
Enhanced collaboration with deployable branches
01
02
03
04
Next level?

12. Quickdemo.
Asneakpeek.

13. What does the future hold for development in the browser?
Thanks!
Questions?
@ace_kyd @codesandbox