11 JavaScript concepts to understand before you learn Reactjs

Reactjs is a javascript framework. But a beginner can struggle if they don’t have solid javascript knowledge. In this blog, you will know about 11 concepts to understand before learning javascript.

Pass by Value vs Reference: Primitive datas like num…


This content originally appeared on DEV Community and was authored by Anjan Shomodder

Reactjs is a javascript framework. But a beginner can struggle if they don't have solid javascript knowledge. In this blog, you will know about 11 concepts to understand before learning javascript.

  • Pass by Value vs Reference: Primitive datas like number, boolean etc. are passed by their value. But non-Primitives like array and object are passed by their memory reference. This is a very important concept of programming. If you don't know about it, you won't be able to write good code.
  • Class & inheritance: Class and inheritance are very concept of Object oriented programming. And in React, You will use classes to write components. But it is disappearing because of react hooks. But you might find older codes where classes are used. So, learn it.
  • Spread and Rest operator: Spread and rest operator are very common in reactjs development. If you don't know you will get stuck.
  • Higher order function and callback: Higher order functions are the function that takes a another function as an argument. And that function that you pass as an argument is called Callback function. It is a very important concept. In react you will use them. Specially array higher order function. Or more specificaly the map higher order function.
  • Asynchronous JavaScript: Learning Asynchronous java script can be time consuming and brain confusing. But its worth is. Once you learn it, your life will be easier with js.
  • Destructuring: Destructuring simply means pulling your data from object or array to a separate variable. It is very common task with react props.
  • Arrow function: An arrow function expression is a compact alternative to a traditional function expression, but is limited and can't be used in all situations. Arrow function makes you code clean. Once you understand it, most of the time you will use this. You will see plenty of code using arrow function in react.
  • Data fetching: Data fetching is really important. Most probably you will need some data from external sources. So you have to know how to fetch data.
  • Module system: It basically means splitting your code into different parts. You export and import code for code re-usability. I believe it is the most common thing in reactjs development.
  • Npm: If you don't know how to use npm or yarn or package.json, then just do it. Without it you won't even able to use react locally.
  • This keyword: This 'This' is one of the scariest thing of the universe. I still hate 'This'. But you have to understand it. But if you use react hooks then you won't have to worry about it much.

These are the things that I think everyone should learn. You might disagree with me. That's completely fine. So, do you know all of the concepts that I have talked about? Let me know in the comment section.

Shameless Plug

I am creating a video series on my youtube channel about how to build a static blogging site using JAMstack.


What are you going to learn from this video series?

  • ReactJS, NextJs
  • Static Site Generation
  • Dynamic Routing
  • Material-ui
  • MongoDB
  • how to build a real time view counter
  • a small search engine with mongodb and so on.

Project Demo

You can demo the project from here
Alt Text

View the Project code.

So like, share and subscribe to Cules Coding. It takes a lot of effort to build those videos.

If you have any question, put them on the comment section. And also you can connect to me on any social media as @thatanjan . I post content there. So stay safe and good bye.

About me:

Who am I?

My name is Anjan. I am a full stack web developer from Dhaka, Bangladesh.

What problems do I solve?

I can create complex full stack web applications like social media application, blogging, e-commerce website and many more.

Why do I do what I do?

I love to solve problems and develop new ideas. I also enjoy sharing my knowledge to other people who are wiling to learn. That's why I write blog posts and run a youtube channel called Cules Coding

Think we should work together?

Feel free to contact me

Email: anjancules@gmail.com

linkedin: @thatanjan

portofolio: anjan

Github: @thatanjan

Instagram (personal): @thatanjan

Instagram (youtube channel): @thatanjan

twitter: @thatanjan

About My channel:

Why would you subscribe to Cules Coding?

Cules Coding will teach you full stack development. I will teach you not only the basic concepts but also the advanced concepts that other youtube channels don't cover. I will also teach you Data Structures and Algorithms with abstraction and without Math. You will also find many tutorials about developer tools and technologies. I also explain advanced concepts and technologies with simplicity.

So what are you waiting for?

Subscribe to Cules Coding
so that my friend you don't miss any of these cool stuffs.


This content originally appeared on DEV Community and was authored by Anjan Shomodder


Print Share Comment Cite Upload Translate Updates
APA

Anjan Shomodder | Sciencx (2021-06-27T17:47:03+00:00) 11 JavaScript concepts to understand before you learn Reactjs. Retrieved from https://www.scien.cx/2021/06/27/11-javascript-concepts-to-understand-before-you-learn-reactjs/

MLA
" » 11 JavaScript concepts to understand before you learn Reactjs." Anjan Shomodder | Sciencx - Sunday June 27, 2021, https://www.scien.cx/2021/06/27/11-javascript-concepts-to-understand-before-you-learn-reactjs/
HARVARD
Anjan Shomodder | Sciencx Sunday June 27, 2021 » 11 JavaScript concepts to understand before you learn Reactjs., viewed ,<https://www.scien.cx/2021/06/27/11-javascript-concepts-to-understand-before-you-learn-reactjs/>
VANCOUVER
Anjan Shomodder | Sciencx - » 11 JavaScript concepts to understand before you learn Reactjs. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/27/11-javascript-concepts-to-understand-before-you-learn-reactjs/
CHICAGO
" » 11 JavaScript concepts to understand before you learn Reactjs." Anjan Shomodder | Sciencx - Accessed . https://www.scien.cx/2021/06/27/11-javascript-concepts-to-understand-before-you-learn-reactjs/
IEEE
" » 11 JavaScript concepts to understand before you learn Reactjs." Anjan Shomodder | Sciencx [Online]. Available: https://www.scien.cx/2021/06/27/11-javascript-concepts-to-understand-before-you-learn-reactjs/. [Accessed: ]
rf:citation
» 11 JavaScript concepts to understand before you learn Reactjs | Anjan Shomodder | Sciencx | https://www.scien.cx/2021/06/27/11-javascript-concepts-to-understand-before-you-learn-reactjs/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.