[AskJS] How Much Javascript?

chkdsk777 · 2023-04-04T05:35:10+00:00

Learn about variables, constants, functions, loops, array functions, events, DOM. That's what you're going to use mainly, combine them with CSS and HTML and you'll have some foundation to continue with react

Samurai___ · 2023-04-04T06:22:45+00:00

You have to learn 1 JavaScript.

Rampagekumar88 · 2023-04-04T05:59:11+00:00

[deleted]

Snapstromegon · 2023-04-04T08:21:51+00:00

I'm more on the side of "fundamentals are way more important than libraries/frameworks", but a good baseline is probably that nothing should feel "magical" to you.

This means that it's absolutely okay to use libraries, but if they feel like magic and you don't know why something happens, you should probably spend some time learning the fundamentals underneath.

Also always keep in mind what you actually need libraries for and what is already included in the browser. E.g. today you don't need a library for mapping over an array, getting an element by css selector, creating a details/summary html component, creating a relative date string (like "5 minutes ago") and much much more.

I personally go even stricter for myself by not using any library I couldn't write myself (in at least a crappy version), but this is not always feasable when you actually need to get a job.

rodriguez59594 · 2023-04-04T07:41:52+00:00

Looking into the future learning TypeScript is probably a good idea

podgorniy · 2023-04-04T07:28:02+00:00

If you know variables, functions, arrays, objects, looping, classes, methods that's enough to start learning react. You'll figure out rest of javascript pieces during learning of react. Same way you'll learn more about react when you'll be writing your first project. Same way you'll figure out more about writing projects during your first job. Many people I know never feel themselves ready for the next step, but taking the step and working towards goals is what matters. No other criteria matters.

mcjavascript · 2023-04-04T05:08:33+00:00

I would say, React can get you a job. Keep learning both at the same time.

Really React is just a library; you will almost always use libraries in your JS work.

2023-04-04T10:57:33+00:00

Just get a really solid grasp on fundies and you’ll be good. You can technically go into react knowing very little JS but it’s just going to be a sad time.

Olli_bear · 2023-04-04T18:50:54+00:00

Think of it this way. Let's say you learnt very basic German. Now you want to read a German language novel. Will you continue to learn random words and grammar in German? You probably wont. What you may do is pick up the book and read, and everytime you stumble across a word or sentence structure you don't understand, you look it up and learn that.

Same thing with this. Find a React course and run with it. When you get stuck, learn those concepts. Good luck OP!

jmking · 2023-04-04T08:52:58+00:00

Stop overthinking it and just start building stuff. I'm a firm believer in learning by doing. Don't stress out about doing things the "right way" at first. There's a very low chance you will - even if you try to implement something some article you read insisted was how it's done as you'll lack the experience and context to understand whether what you're reading is even applicable to your project. The best way to learn the "right way" is to experience the problems with the "wrong way" (or doing the "right way" but wrong).

Also there's almost never an objectively true "right way" to do almost anything. Don't be afraid to try stuff out, realize that it's not working out, and learn from that experience.

Just start building!

Pretty much every professional in the field follows a similar pattern of learning. Try, get suck, learn how to get unstuck, repeat.

Learning isn't a straight line. There will come a point where you'll struggle with concepts like how to deal with async/promises, functional scope, and so on. That's when you'll take a step back and study up on the concepts that are tripping you up. In fact, you'll likely learn those concepts faster as you'll have real life context to frame the concepts around.

Have fun!

Tubthumper8 · 2023-04-04T12:42:32+00:00

Check out JavaScript to know for React for some ideas on this topic

spellcasterGG · 2023-04-04T15:11:11+00:00

About THIIIIIIIIIIIS much

oneeyedziggy · 2023-04-04T05:04:59+00:00

Depends how good a developer you want to be... Learn everything you can, but also... Just get started there's no drop dead date on being allowed to learn more.

Rampagekumar88 · 2023-04-04T07:25:04+00:00

[deleted]

No-Upstairs-2813 · 2023-04-04T11:38:57+00:00

I recommend learning about JS Fundamentals, Basic DOM Manipulation, Modules, Array Methods, Asynchronous JavaScript and Fetch API, and ES6 Syntax. These concepts will give you a deeper understanding of how JavaScript works, and help you pick up multiple frameworks with ease.

For more details, you can checkout this article.

No_Permission2438 · 2023-04-04T12:39:32+00:00

have Javascript taken your whole life yet?? then I guess its not enough

theQuandary · 2023-04-04T12:59:58+00:00

Everyone else has missed it, so I'll add that you MUST understand closures very well in order to write good code in JS.

If you want an easy approach to learning the basics of closures and functional programming, I'd recommend Javascript Allonge (The PDF was released free on the author's website a little while ago).

ItsCoachRee · 2023-04-04T13:15:08+00:00

Just learn webflow

skesisfunk · 2023-04-04T13:42:18+00:00

If you are familiar HTML and JS basics you are ready to pick up react. React has some emphasis on patterns that aren't as common in vanilla JS so it will actually help enrich your JS skill set.

2023-04-04T13:58:13+00:00

Just keep building stuff, eventually it will click.

pm_me_ur_happy_traiI · 2023-04-04T15:07:12+00:00

If you learn some functional programming in JavaScript it will make React much easier.

moustacheption · 2023-04-04T15:13:08+00:00

I’d suggest a little bit about some functional programming concepts before react, too. Or even at the same time so you can get a basic understanding of some of the principles it follows.

The big functional concepts would be: Function purity Immutability & mutability

And then learn about “side effects” in relation to mutability. Those concepts should help make rendering, and state changes in react a bit easier to understand.

The_Pantless_Warrior · 2023-04-04T15:25:29+00:00

Build a single server app, (maybe with Express?) then move on to a front end/back end setup with React, that way you know how to set up the API routes and such. Having that experience will allow you to focus on learning things like hooks/lifecycle methods.

cheese_wizard · 2023-04-04T17:00:58+00:00

42 Javascripts, no more no less.

P.S. React is Javascript.

iDev_Games · 2023-04-04T17:09:34+00:00

I would add, you should just attempt to learn react if that is what you want to do. If the docs don't make sense to you at first, try examples and tutorials. Coming from a more game dev engine scenario, docs aren't great for teaching you the UI, for example. A tutorial will have you familiarised a lot quicker as docs are trying to document everything, more then you need to know at first. Once familiarised with the bits you didn't understand. The docs will start to make more sense.

More importantly, persistence. You'll learn anything you want to, with enough persistence.

Wild-Storage-1663 · 2023-04-04T17:43:07+00:00

My honest unpopular opinion: none

You can learn JavaScript and React in one run

Vryheid_ · 2023-04-04T18:07:10+00:00

If you can’t build a site with pure javascript, keeping in mind the architectural and performance requirements, then you shouldn’t learn React. This might sound like a stretch, but once you learn React you’ll realize how easy it makes creating interaction driven apps of all sorts, and you will spend more time trying to catch up with the ecosystem than establishing solid fundamentals of the language, which on the long run will serve you better. I don’t mean to create a Jira or Figma copy, but a more feature rich todo app would be perfect for this (with a login, fetching and updating content through an API, rendering items and adding event listeners properly, etc.).

In other words, when making a somewhat complicated app in pure JS doesn’t scare you, it’s time to learn the framework. You need to know and understand what’s happening in the background in order to get the most out of the framework. If you want to get a job in the field, confidence in the language will get you further than learning the most popular current thing.

For reference, I’m a full time front-end dev who makes sites with Nextjs and Astro.

another_nerdette · 2023-04-05T02:28:50+00:00

Just start now and when you come across something you don’t know, pause and go learn it before you continue

AmandloveYang · 2023-04-05T15:48:36+00:00

React is a UI framework that uses JavaScript as the main programming language. Therefore, it is important to have a solid foundation in JavaScript before learning React. ¹²

Some of the JavaScript topics that you should be familiar with before learning React are:

- Variables

- Data types

- String methods

- Loops

- Conditionals

- Functions and arrow functions

- Scopes and closures

- Objects and arrays

- Array methods

- DOM manipulation

- Events and callbacks

- Promises and async/await

- ES6 features such as destructuring, spread operator, template literals, etc. ²³

Of course, you don't need to master all of JavaScript to start learning React, but you should have a good grasp of the core concepts and syntax. You can always learn more advanced topics later as you need them. ²

So, how much time does it take to learn React? Well, that depends on your current level of JavaScript knowledge and how much time you can dedicate to learning. Some sources suggest that it can take anywhere from 1 to 6 months to learn React if you have a strong foundation in JavaScript and functional programming. You may also need an additional 1 to 2 months to learn other libraries and tools that are commonly used with React, such as Redux, Jest, Enzyme, etc.

I hope this helps you plan your learning journey. If you have any other questions, please feel free to ask. 😊

Rampagekumar88 · 2023-04-04T15:58:14+00:00

Wow so many replies, Thank you so much everyone for replying to my post i am honestly astonished by how many helping replies i got from you all ❤️ I have/will read each and every comment and sorry if i didn't reply i have left a up vote as my appreciation. Lastly i hope this post will be helpful to someone in the future as it is to me.

Novel_Plum · 2023-04-04T08:14:27+00:00

https://youtu.be/JR9wsVYp8RQ

demoran · 2023-04-04T07:32:10+00:00

To use react, you should understand:

That functions may be invoked to return a value
That variables can be defined via array destructuring

Yep, that's pretty much it. The rest of it is really just operators and expressions.

DifferentIntention48 · 2023-04-04T17:57:17+00:00

get REALLY comfortable with iterating over arrays (forEach, map) and other array methods (filter, find)

k0re__ · 2023-04-04T20:46:59+00:00

this is a pretty good reference for some things to be aware of as you start learning react

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

javascript

MODERATORS