DEV Community

Cover image for Revise and Read React.Js with me! (Intro)
Naweli Verma
Naweli Verma

Posted on • Edited on

Revise and Read React.Js with me! (Intro)

Just give a shot to ReactJs, your reaction will be woahhh this is something cool and powerful ๐Ÿ”ฅ

Now react some love to this ReactJs series ๐Ÿ˜‰ โค๏ธ

So let me tell you what I am planning to do ๐Ÿ’, I have been working on ReactJs from a long time and I think it is time to contribute some of my learnings to fellow devs so it will help both of us, you guys will learn and it will also help me to revise and re-understand. ๐Ÿ‘ฏ

One thing I can assure if you are reading this, ReactJs is path for high paying jobs, whether you do freelancing or a working developer for any organization. So I hope you will give your best to be the best version of yourself.

Without much talking let's start this journey. ๐Ÿš€

What is React? ๐Ÿ„

  • React is an open-source JavaScript Library for building user-interface.

  • I repeat it is a Library not a Framework.

Libraries means which serves only one purpose, in case of reactjs, it's true purpose is to build optimized User Interface, on the other hand, Frameworks are package of everything, HTTP req, routing etc {Angular}
  • ReactJs is focused to do only one thing which is making awesome UIs, not holding functionality like routing, HTTP requests, forms handling etc. But...

  • It's rich ecosystem goes well with every library to build a Full-Fledged web applications.

  • It is Unopinionated, which gives you power to command and choose other tools.

Why learn React? ๐Ÿ„

Well well my fellow developers, above point is defeinetly giving you some strong reasons to learn it, but for sake of it's great power I will tell you few more cool points of it. ๐Ÿ˜„ ๐Ÿ˜„

  • It is created by Facebook and being used by Facebook, and lots of other big and small organizations and companies. It is new generation library. Companies are shifting there tech stack to it.

  • It has a very Biggggg Community. Literally Super Big! Not Kidding at all. ๐Ÿ˜Ž ๐Ÿ’ช

  • More than 100K stars on Github. โญโญโญโญโญโญโญ

  • It has Component Based Architecture, which means that it helps you to break down complex to complex UIs in small chunks to make your building a product journey a piece of cake.

  • It's Reusable, a beautiful thing. You create a component and you can use it again and again without writing the whole things again. It can be used through out the code even with different frameworks like Angular, just passing the right data to it.

Isn't it Amazing? ๐Ÿ˜๐Ÿ˜

  • It is Declarative. Assume a simple JS function, you need to call it or invoke it whenever you want to use it, but here in React the function component (exactly a simple JS function, just some syntactical sugar name) are also same but we don't do anything at all to call it or render it. ReactJs does it all.

                **Rendering is declarative** 
    

    You will understand this in future series of this.

Prerequisite ๐Ÿ„

I want you to know basic of HTML, CSS and JavaScript, ES6 concepts.

If you are aware of the basics of above mentioned things we are good to go!!!!!!!!! ๐Ÿ’ƒ๐Ÿ’ƒ

That's from my side a intro of ReactJs ๐Ÿ’—
See you in the next one.

You can connect with me on twitter ๐Ÿ˜ƒ

Top comments (4)

Collapse
 
ellis_stokes_ea3aaa9370f6 profile image
Ellis Stokes

Revise With Me is an online learning platform dedicated to providing students with comprehensive educational resources to excel in subjects like Physics, Chemistry, Maths, and Biology. The platform offers a variety of courses designed to cater to different learning needs and preferences.

Each course is structured to facilitate effective learning, with a focus on interactive content and practical exercises. For instance, the Maths course spans over three weeks and is suitable for beginners, providing a solid foundation in mathematical concepts. Similarly, the Physics course, also lasting two weeks, is designed to help students grasp fundamental principles in a short time.

Revise With Me aims to make studying more efficient and engaging, offering resources that are accessible anytime and anywhere. Whether you're preparing for exams or seeking to strengthen your understanding of core subjects, the platform provides the tools and support needed to achieve academic success.

Collapse
 
talweltsch profile image
Tal Weltsch

Hi Naweli, love the post! I'm from Wix and we're working on a React product that I would love to get your feedback on, very relevant to what you wrote here. Let's talk! (you can DM me twitter.com/TalWeltsch)

Collapse
 
naweli_verma profile image
Naweli Verma

Hey Tal, Thank you so much. I'm glad you liked it!
Defienetly I would love to know more about it too. Sure DM'ing you there.

Collapse
 
ellis_stokes_ea3aaa9370f6 profile image
Ellis Stokes

Iโ€™ve recently started revising React.js and thought itโ€™d be great to share the journey with anyone interested. React is amazing for building user interfaces because it lets you break your app into reusable components, which makes life a lot easier when projects get bigger.

Iโ€™m kicking things off with the basics - understanding components, JSX, and how to structure your first React app. Even if youโ€™ve used React before, revisiting these concepts really helps solidify your understanding.

If youโ€™re learning or revising React too, why not join me? Itโ€™s always nicer to tackle the tricky bits together and share tips along the way.

You can check out more here: Revise With Me

Have you tried revising React in a structured way before? Iโ€™d love to hear your thoughts!