Minimum JavaScript before starting React JS

Written by khalid

As the founder of KS Devware, I am Khalid Saifullah. A young entrepreneur. With over 4 years of experience, I’m a software engineer (full-stack web & mobile) and UI/UX designer. Developing software for the world of intent is something I'm passionate about and I'm dedicated to making the world of intent easy and affordable for everyone.

Dec 16, 2021

It’s a very common question I get asked all the time about how much JS I should know before I learn React. I’ll break that down on this blog

It isn’t necessary to learn all of JavaScript

You will never need to learn “All” to get into React JS, but you will need to learn the core things of JavaScript to move on to react. To learn anything that involves JavaScript, you must first gain a solid understanding of JavaScript.

Can I learn to React without JavaScript?

Definitely not! ReactJS is a library of JavaScript. If you don’t really know JavaScript you will be a big zero on react. But that doesn’t mean you have to be a master of JavaScript. 

JavaScript before starting React JS

JavaScript Fundamentals

  • Variables
  • Comments, Output system
  • Data Types in a nutshell
  • Primitive Data Types
  • Non-Primitive Data Types
  • Template Strings
  • Operators

Flow Control

  • Conditional Statements (if, else)
  • Logical Operators
  • Comparison Operators / relational operators
  • Loops (while, for, forEach)
  • Break & Continue
  • Switch Statements

Functions

  • Declaring Function & Expressions
  • Arrow Functions
  • Higher-Order Functions
  • Hoisting
  • Default Parameters
  • Callback functions
  • Nested function
  • Scope

Array Methods

  • All Array Methods
  • Map, Reduce, Filter

Object

  • Object, Properties
  • Object Methods
  • ‘this’ Keyword
  • Math object

Asynchronous JavaScript

  • Promise, async await
  • Fetch/ Axios
  • Callback

ES6 Features

  • ES6 Modules
  • Let & Const
  • Arrow function
  • Classes
  • Template literals
  • Spread operator
  • Rest parameters
  • Destructuring

DOM (At least know the basic level)

  • What is the Document Object Model?
  • The Query Selector
  • Adding and changing Attributes
  • Adding CSS Styles
  • Basic Events
  • Creating & Removing Elements

And at least create a “to-do app” with raw JavaScript before starting react!

How much time would it take to learn those?

It’s my personal opinion. It could take 15 to 20 days to learn all I have listed. Let’s do it. React is waiting for you!

Conclusion

I hope you enjoyed reading this article. If you like it and want to read more of my blogs you can check my website https://khaliddev.com

You may also like…

JavaScript Exam – 01

JavaScript Exam – 01

Do the best! সর্বোচ্চ পরীক্ষার সময় 35 মিনিট কেহ দুর্নীতি করার চেষ্টা করবেন না. আল্লাহ আপনাকে দেখছেন. নিজেই নিজের...

Final Exam

Final Exam

Instructions এক্সামের মার্ক 50 আমি সবার টা চেক করব, এরপর রেজাল্ট পাবলিশ করব.যারা আগে সাবমিট করবে তারাই ফরেস্ট হবে. so...

33 Comments

  1. Sumaiya

    It’s very helpful to us.

    Reply
    • khalid

      Thank you

      Reply
    • Sahadat Hossan

      Thanks bro for the great information 😍

      Reply
      • khalid

        Thank you

        Reply
        • Sajjad

          Thank you very much for this type of guideline. It’s very useful for JS journey.

          Reply
  2. MD RAFI

    That’s totaly awesome. Thank you very much brother.

    Reply
    • khalid

      Thank you, love to hear

      Reply
  3. MahmudHasan

    I know almost everything here but I can’t use it while working😭😥

    Reply
    • khalid

      It’s very sad to hear, you can do projects. that will help you

      Reply
    • Runa Akter

      Thank you so much for the great information

      Reply
      • khalid

        Thank you apu da

        Reply
  4. Israt Jahan

    This will really help a lot! As there is a checklist, I can easily figure out what is done & what still I have to do.

    Reply
    • khalid

      Thank you so much

      Reply
    • MD Sakib

      A very good initiative ❤️

      Reply
    • khalid

      Thank you apu da

      Reply
  5. Umme

    Great😃

    Reply
  6. Nasir Uddin

    Thanks For Best Information.

    Reply
    • Runa Akter

      Thank you so much for the great information

      Reply
      • NASIR UDDIN

        Welcome

        Reply
  7. A. S. M. Monirul Islam

    Thanks for the given important information. Completely agreed with you boss.

    Reply
    • khalid

      Thank you so much

      Reply
      • Ahammadullah Mansur

        It’s really good information 😍😍

        Reply
        • khalid

          Thank you

          Reply
  8. Mahmud Hasan

    very good information and it’s true.

    Reply
  9. Sumi Hasan

    Thanks for giving us such kinds of significant information.

    Reply
  10. Liton Roy

    Thanks bro for giving nice informatiion

    Reply
    • khalid

      Thank you

      Reply
  11. Jahangir Alam

    Thank you so much for the great info. Really very useful.

    Reply
    • khalid

      Thank you

      Reply
  12. Md Naim

    It’s really good information

    Reply
    • khalid

      Thank you

      Reply
  13. Razu Islam

    really it’s so informative for beginners. thanks bro

    Reply
  14. Farjana Yeasmin Rimi

    awsome article 👌👌👌
    Thank you so much for your valuable information 🍁

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Get In Touch

Get In Touch