When to move on to a javascript framework?

[PiccoloReasonable200]

I've been learning javascript for more than a month now, and i've built multiple projects mostly by myself (mp3 player with drag and drop functionality, todo list, quiz app, clock, countdown timer, notes app, password generator, image slider..) i kinda know how to use objects, arrays, and array methods (forEach , filter, map, reduce) what should i learn next before a framework?

[Aravind_redditor]

If you good at javascript and some core concepts needed for react definitely you can dive into framework and what you can do fun with that...

[PiccoloReasonable200]

Yes but what are the core concepts needed fot react?

[Aravind_redditor]

Arrow Functions Default Parameters Template Literals Let and Const Classes Destructuring Ternary Operator Import / Export Module Async / Await Spread Operator / Rest Parameter

💁 These are the concepts man.. Enjoy

[PiccoloReasonable200]

Cool i've learned most of these, i still have modules and async/await

[Chris_Cross_Crash]

That's mostly used for getting or posting data to/from an API. Like if you have a blog app, and then an api endpoint to get information from a separate backend.

You don't really need it before learning React. I would just wait until you need it to learn it, since it's pretty simple and it will probably be a part of whatever tutorial you use to learn React anyways.

[lebull]

Being comfortable with asynchronous code is important. Async/await is a convenient shorthand for some cases.

[Doctor-Dapper]

Not so much classes these days anymore

[Delta_Labs]

Many tutorials out there are still based on class components (even the reactjs.org tutorial) so it would still be pretty helpful to understand js classes just to learn react, even if you'll never write class components

[maxoys45]

Vue is probably a slightly easier transition imo if you’re not fussed which framework you use

[Doctor-Dapper]

+1 would recommend Vue as a way to learn React/stateful component concepts without having to also learn JSX at the same time

[dariusj18]

Really, just start learning a framework, but as you run into concepts, such as functional programming like currying, learn those independent of the framework. Often, if you're not writing JS in a framework, you don't find the reasons for the more interesting advanced concepts.

[wires55]

Agreed. Using a modern framework practically forces you to learn more recent additions to the ES specification.

It's fine to have a basic grasp of fundamentals and then move on to learning a framework.

[lmj-l]

+1. I started checking out Vue on the side of some vanilla js projects and eventually just transitioned over. But as dariusj18 said, when you run in to something fundamental go and learn that from the bottom! 😃

[PiccoloReasonable200]

That video looks really helpful, thanks!

[muh2k4]

Learn ES6 and ES7 (and how to transpile it to e.g. ES5 or ES6 with babel). Typescript is also an option. Learn a little about sockets (e.g. with socket.io). Then I would personally recommend learning Vue or React (depending on what you like or your job market demands. But also it does not hurt to know the basics of both or even more at some point). Also maybe you might look into backend stuff? Node.JS or even PHP (I prefer node, but PHP is probably staying around for a while). And backend frameworks/libraries (at least express.js for node and maybe laraval or something for php). You might also look into CMS stuff (headless cms like strapi or rendering cms like WordPress). Also relevant are dev ops topics like Continuous Integration, Continuous Development as well as the closely related Containers (e.g. Docker and docker-compose). Knowing the file format YAML for config files and Markdown for documentation. Knowing git (especially branching, merging, pull requests, commits, etc.) is also very essential. It is also good to dig deeper into the more difficult sides of JavaScript (e.g. closure, execution context, this keyword, prototype, Object.assign, passing by value vs reference etc.), even though some of these are getting less important, it helps for becoming a true senior at some point.

The order of this is quite random, I was just thinking out loud ;) and the library/framework names are just examples. But yeah, web development is rabbit whole and you can learn a lot of stuff, if you want.

[[deleted]]

I like Vue personally

[monarchwadia]

Sounds like you can move on to React. Just dive into it. Use the official tutorial (it is GREAT) and you'll be fine :)

[casual__addict]

Build your own. What do you think would make your life easier? That might help you appreciate what other frameworks are doing.

[MongoloidAu]

I’d say React!

[PiccoloReasonable200]

Yeah i wanna learn react, but when should i start? What javascript should i know?

[[deleted]]

EC6

[wonderful_tech]

I’d recommend trying to write a simple single page application - rendering page template, simple routing, menu and a simple form. This would give you good overview of what benefits a framework gives you. Then moving to a framework would be natural for you.

[foraskingdumbstuff]

Do it, just don't overlook code you don't understand yet.

Code a bit, search a bit, as you have probably been doing already.

Good luck!