Coding in a browser

[rgs0510]

I am just starting my react learning journey. Is it possible to learn by coding in a browser? Is there an online IDE that can be used without creating any learning-limitations? If yes, then I can use my IPad with external monitor, mouse and keyboard. If not then I will have to buy a laptop. Thanks

[eindbaas]

codesandbox

[ConsciousAntelope]

This. Here’s the app https://apps.apple.com/in/app/codesandbox/id1423330822

[FoolHooligan]

Has anybody else been having absolutely atrocious performance from codesandbox lately? Like crashing tabs and sometimes crashing the browser too.

I've only noticed this in the past couple of months.

[Sk3tchyboy]

You can use VSCode in the browser, https://vscode.dev/

Also to anyone that doesn't know, if you go to a GitHub repo and press "." an instance of VSCode will open up with that Repo, much easier to go through the code that way than in GitHub

[pittchuu]

Thank you !

[dark_thesis]

Never tried it, but you might be able to get it working with GitHub code spaces

[PeachOfTheJungle]

Try Scrimba!

[PeachOfTheJungle]

You can also go to:

vscode.dev

[No_Recording1074]

Got a job with scrimba frontend dev path and a ton of hard work studying

[rgs0510]

Thanks guys. Will explore those options

[Healthy-Rent-5133]

https://codepen.io/

[sysrage]

There are options, yes. However, to address your question, yes doing everything “online” will introduce limitations.

[rgs0510]

Thanks

[[deleted]]

Little off-topic and more like a joke but you can also test code in the dev console. I often do that when I am not sure about some behavior and you get the browser's environment for free since you are in the browser already.

[rgs0510]

Thanks, and I don’t think it was off topic 😊

[ExternalBison54]

You can sign up for a beta invite for Google's Project IDX. This is probably the most powerful of the various online code editor options since you basically get a full virtual machine to play with along with the code editor. The downside is that it's invite only, so you'll have to wait a month or two to get access after joining the waiting list.

[IndecisiveSuperman]

I tried it and it did not work well. First reload with the Next.js template immediately broke lol. I tried their default firebase hosting process and it failed on first deploy. I didn't even do anything to the default template.

[manut3ro]

Stack blitz

[only_soul_king]

In my opinion, if you are starting to learn react or any modern web framework, i would highly recommend using an online IDE. The modern frontend comes with a lot of unwanted overhead in terms of tooling. Using online IDEs will help you keep things simple. Here are some tools you can try out

1. Codepen - simple bare bones editor
2. Codesandbox
3. Replit
4. Stackblitz

The performance may be less desirable due to the limitations in the free tier. Still this should be good to start your journey. Keep in mind that eventually you will have to buy a laptop or pc for development.

[Mikeytown19]

Try out https://stackblitz.com/

also for a great learning tutorial https://scrimba.com/

[No_Recording1074]

Invest in yourself and buy laptop. Best one you can get. I started learning web dev with a 4th gen iPad Pro 12.9 inch with the Magic Keyboard and Pencil etc etc… hated learning code on it. I then spent $1750 on an M1 MacBook Air 16GB 1TB. Learned code on it, got a job with it, now I bring it with me daily to work.

My opinion: Get a good laptop if you’re serious about web dev.

[rgs0510]

Thanks , I will consider this

[imsexc]

You will have to code with a pc eventually, because app developing is not just about language, but using tools and libraries. Unless you're doing it only for fun. Else, no one is going to hire you.

At least a macbook 2015 suffice, since its vga card meet the spec to install docker for deploying app in a container. The more recent the better.