DEV Community: Hari Om Singh

How React Works!

Hari Om Singh — Wed, 27 Sep 2023 09:22:50 +0000

React Background and History

React.js, commonly referred to as React, is a JavaScript library for building user interfaces, particularly single-page applications where smooth and responsive user experiences are essential. React was created by Jordan Walke, a software engineer at Facebook, and was initially deployed on Facebook's newsfeed in 2011. Its primary purpose was to address certain challenges and improve the efficiency of building complex, dynamic user interfaces.

Traditional web development involves frequent updates to the Document Object Model (DOM), which can be computationally expensive and can lead to suboptimal performance, especially when dealing with complex, data-rich applications. React introduced a virtual DOM, a lightweight copy of the actual DOM, to efficiently update only the necessary parts of the UI, minimizing unnecessary re-rendering and improving performance.

React promotes a component-based architecture, allowing developers to create reusable and modular components. Components encapsulate specific functionality, making it easier to manage, update, and reuse code. This approach enhances development speed and maintainability by facilitating the composition of complex interfaces from simpler, smaller components.

Which Problem does React Solve by itself

As I said earlier traditional web development involves lots of change when it comes to rendering something or showing dynamic content, Which can be very expensive and not very effective, That is Where React comes with the solution of SPA (Single page rendering)

React introduced a virtual DOM, a lightweight copy of the actual DOM, to speed up the rendering and it only changes the necessary part of the UI

React enables a declarative approach to building user interfaces. Developers can describe what the UI should look like based on the application state, and React handles the updates to reflect changes in the state.

React promotes a unidirectional data flow, which helps in maintaining a predictable and traceable state within the application

Virtual Dom

The Virtual DOM is a key concept in React.js that significantly contributes to its performance and efficiency. It's a lightweight, in-memory representation of the actual DOM (Document Object Model), and React uses it to determine the minimum number of updates needed to keep the UI in sync with the application state.

React builds a representation of the browser Document Object Model or DOM in memory called the virtual DOM. As components are updated, React checks to see if the component’s HTML code in the virtual DOM matches the browser DOM. If a change is required, the browser DOM is updated. If nothing has changed, then no update is performed.

As you know, this is called the reconciliation.

By utilizing the Virtual DOM and performing the diffing process, React minimizes the number of updates to the real DOM, reducing the overall computational effort and enhancing application performance. This approach significantly contributes to React's reputation for providing a responsive and efficient user interface, even in complex and dynamic web applications

By employing these principles and techniques, React enables efficient UI rendering, encourages a modular and reusable code structure, and helps manage complex UIs with ease, making it a popular choice for building modern web applications.

Top Programming Languages for Beginners and Why

Hari Om Singh — Mon, 25 Sep 2023 14:44:50 +0000

Are you new to the world of programming, eager to learn a language that's not only beginner-friendly but also sets you up for success?

The landscape of programming languages can be overwhelming, especially for those just embarking on their coding journey. But fear not, as we're here to guide you through some of the best programming languages tailored for beginners and explain why they make a great starting point.

Before we delve into the specific languages, let's address a common concern among beginners: the anxiety of choosing the "perfect" programming language.

It's important to recognize that the fundamental concepts and principles of programming remain consistent across languages. Whether you start with Python, JavaScript, Java, or any other language, the essential logic, problem-solving skills, and computational thinking you acquire will be transferrable.

Each language is simply a tool, a means to an end, allowing you to express these universal principles in a specific syntax. Therefore, the most vital step is to choose a language that piques your interest and resonates with your goals, and then dive in without overthinking.

The key is to begin your programming journey and gradually expand your toolkit as you grasp the core concepts.

before we go further Hope these tips are going give you better understanding of programming languages and which to choice and why.

although I already said that it doesn't matter which programming language you choose because at the end all the principles and fundamental is the same for most of programming language

when you learn your first language and after some month you have to for another programming language so don't be afraid just go to the internet and read the document and start learning you will see that there are lots of things that is very similar to the language that you earlier leaned

Let's explore these languages and understand why they're considered excellent choices for those taking their first steps into the vast realm of programming. Whether you're interested in web development, data analysis, or app creation, there's a programming language perfect for your goals.

What Makes a Programming Language Beginner-Friendly?

Before we dive into specific programming languages, it's essential to understand what attributes make a language beginner-friendly:

Readability and Simplicity: Beginner-friendly languages have clear and intuitive syntax, making it easier to read and understand the code.

Abundance of Learning Resources: A rich pool of tutorials, forums, and documentation readily available to assist beginners in learning the language.

Strong Community Support: An active and helpful community of developers willing to answer questions and provide guidance.

Versatility and Applicability: Languages that can be applied to various projects and have a broad range of uses, ensuring your skills remain valuable as you progress.

Ease of Setup and Installation: Simple and straightforward installation processes and setup, allowing beginners to get started quickly.

With these criteria in mind, let's delve into the top programming languages that meet these requirements and are perfect for those taking their first steps into the coding world.

While all programming languages share fundamental principles, as a beginner, you'll want to start with a language that has a gentle learning curve.

Look for a language that boasts an intuitive and straightforward syntax—this will make understanding and writing code much more manageable, especially in the early stages.

Python, for example, is often recommended for beginners due to its readability and simplicity. JavaScript is another excellent choice, as it's widely used for web development and offers immediate feedback within browsers, making the learning process engaging.

Additionally, consider the availability of learning resources, community support, and practical applications of the language in areas that interest you, such as web development, data analysis, or game development. Ultimately, the best language to begin with is one that aligns with your goals, sparks your enthusiasm, and empowers you to build and experiment from the get-go.

In Conclusion: Start Your Coding Journey, Pick a Language, and Dive In!

Embarking on your programming journey as a beginner may seem daunting, with the abundance of programming languages to choose from. However, it's vital to remember that all programming languages share the same fundamental principles and logic, making the choice of your first language less about perfection and more about initiation. The key is to select a language that offers an easy-to-understand syntax and is user-friendly, such as Python or JavaScript. These languages provide a gentle introduction, allowing you to comprehend coding concepts without feeling overwhelmed. Moreover, consider factors like learning resources, community support, and the practical applications of the language in your areas of interest. Ultimately, the best approach is to choose a language that aligns with your goals, dive into learning without overthinking, and gradually expand your skills and knowledge. The coding world is open and welcoming—pick a language, start learning, and let your programming journey unfold.

OBJECT ORIENTED PROGRAMMING IN 5 MIN

Hari Om Singh — Sat, 06 Nov 2021 08:10:25 +0000

Object Oriented programming

What is Object Oriented Programming? (oop)

oop is programming paradigm (style of the code) based on teh concept of objects;
We use Objects to model (describe) real world or abstract features;
Objects may contain data (properties) and code (method), By using Objects, we pack data and teh corresponding behavior into one block;
In OOP, objects are self-contained pieces/blocks of code;
object are building blocks of applications, and interact with one another;
interactions happen through a public interface(API): method that the code outside of the object can access and use to communicate with the object;

why just oop exist

well this paradigm was developed with the goal of organizing code, so to make it more flexible and easier to maintain.

CLASS AND INSTANCES (TRADITIONAL OOP)

in traditional oop we use something called CLASSES.

you can think of a class as a blueprint, which can then be used to create new objects based on the rules described in the class.

so it's just like an architecture where the architect develops a blueprint to exactly plan and describe a house.

THE 4 FUNDAMENTAL OOP PRINCIPLES

Abstraction
Encapsulation
Inheritance
Polymorphism

PRINCIPLE1: ABSTRACTION

Abstraction: Ignoring or hiding details that don't matter, allowing us to get an overview perspective of the thing we're implementing instead of messing with details that don't really matter to our implementation.

example

let's say that we're implementing a phone for a user to use. so with our abstraction like the phone's temperature and voltage, turning on the vibration motor or the speaker, and other low level details, but as a user interacting with a phone, do we really need all of this detail? well no.

in reality, when we interact with a real phone, all of these details have been abstracted away from us as the user.

PRINCIPLE 2: ENCAPSULATION

Encapsulation: Keeping properties and methods private inside the class, so they are not accessible from outside the class. some methods can be exposed as a public interface(API)

PRINCIPLE 3: INHERITANCE

Inheritance: Making all properties and methods of a certain class available to a child class, forming a hierarchical relationship between classes. this allows us to reuse common logic and to model real-world relationship

PRINCIPLE 4: POLYMORPHISM

Polymorphism: A Child class can overwrite a method it inherited form a parent class [it's more complex that, but enough for our purposes].

Which Programing Language you Learn First

Hari Om Singh — Wed, 20 Oct 2021 18:22:38 +0000

i know you have a question we have so many programing language which i learn first is this C, or Java or some thing else

i know that pain, i can feel

Who am i

hey, i am a frontend Full stack web developer, and i have 2+ years of expreince.

What you learn first

firs of all choice your path if you want to go with frontend then the path is differnt and if you want to go with backend then the path is different.

frontend

if you want to be web developer and you are interset in frontend then go JavaScript, because the web is build is javascript, and you should master it.

here the roadmap for javascript

variable (let vs const)
loops
conditional
function
es6 syntax
async/await
fetch api
callback
and many more....

for who they are interest in frontend and want to be a frontend developer than highly suggestion go with javascript

Backend

who those are interest in backend and some server side logic so you have so many choice you have : python, javascript, php, ruby, java

pick one of these and master the language, this blog is for who are they beginner level skill set.

so i suggestion go with python or javascript. pick one of theese . if you are still confused pick javascript becasue you need to learn one language and doing 100 thing.

javascript is server side platefrom called node.js.
node.js is javascript run time made by google and it's based on v8 engine.

node.js is a easy and fast way to learn backend. in node.js you need to use express.js, express.js a web framework based on node.js thats made node simply for you

now i thing you are all clear.

if your are a beginner than start with javascript and you havesome

exprence than go with python.

Why linux is better for Developers

Hari Om Singh — Sat, 04 Sep 2021 08:51:58 +0000

Why Linux is better for Developers

Linux - a open source and free to use softwere, as a developer we ca see the code and make changes and try it our own.

Why use Linux

in linux to can do any things using command line tool (terminal). you can install any things using terminal command using apt package manager

sudo apt install yourFileName

Every time you use terminal

in linux you should use terminal all the time and it's sound like scary but it is not,

when you use terminal you have more control and accessible, long story short you have all the power, that things i most loved in lunix

If you don't know terminal command then

it is ok to not know the command, when you don't know how to write command and how to use terminal then its sound like very danger but it not belive me, using terminal is very easy and a good felling

basic of Linux command

you don't need to master teminal if you use linux ther are some command ,

cd - stand for chagne directory
ls - stand for list
pwd - stand for priend working directory
touch - stand for making any file using touch command
mkdir - stand for making any for folder (make directory)
cat - stand for concat but you can use thing command for showing file

this command is most use when you terminal

Props of linux

there are some props of using Lunix,

you can customize you lunix any operating system like masOS or windows,
you have all the power
if you pc is low end then Lunix runing your pc faster
using lunix you pc runfast
if you want to exprence Macos the try Lunix

cons

nothing

overall Linux

you can use Lunix (free)
you are the king of you pc when you use Lunix
Linux is faster then windows
Linux is made for developers
Linux feel like masos

React vs Angular

Hari Om Singh — Sat, 21 Aug 2021 05:20:36 +0000

many people ask to me which JavaScript framework can i learn first or which framework is easy then other or which framework should i learn.

What is React? 🤔

So React is a technically a JavaScript library for building user interfaces.

using react we can make single page web application.

Developed by Facebook

requmintent to learning React

you only need to learn React is JavaScript. first you need to master in javascript, es6, arrow function, array method, map and set.

if know this skill then you are ready to go.

What is Angular? 😕

Angular is JavaScript Framework and it's help us to make morden web application. you can also make a single page application using Angular.

Developed by Google.

Requmintent to learn Angular

Angular is a type-script based Web framework to learn Angular you need to master typeScript. typeScript is super set of javaScript and typescript made by microsoft.
to learn Angular you need to learn type-script must.

let's compare React vs Angular

if you are a beginner and just learn HTML, CSS, JavaScript. then Answere is simple. REACT - Wait i tell you way.

And if you are a intermediate level Developer or you have some experience of javascript or you learn web developet last 6 months. then try once Angular.

is Learn React is too Hard 😰

NO, learn React is so easy if you JavaScript Fundaments is clear.
in React You have to understand the fundaments like props, hooks, state etc. then you understand react so easy and use react is fun😁.

is Learn Angular is too Hard 😭

yes if you are a beginner if you unfamiliar with typescript and you don't know the fundaments of JavaScipt then React and Angular both is hard for you.

My opition

i talk to many developer and all said that start with React and once you under-stand react then move to angular

JOB 👨‍💻

when the deviate goes to Jobs section then i say it's depended, search for which framework most use in your area, then focus on this. i also say that learn both because which framework you next working on no one knows.

How to Deep dive in Programing

Hari Om Singh — Tue, 06 Jul 2021 15:51:06 +0000

How to Deep dive in Programing or other things

if you learn any things. if yor learn web development or machin leanring or dsa or any programing then make sure to go deep dive decause goind deep dive is very important.

// step: 1
console.log("going Deep dive")

How to go deep dive

first we know what the meaning of deep dive. deep dive is the going to edge of this topic let's imagin you learn vim text Editor if you don't know vim command you then you not using vim so first learn vim command and when we learn vim then go to the under the vim

Long story short: when you watch a cooking video on yt then you are not a chef when you cook this resipe then you are a chef, but when we watch the video then we things haah! it's easy but when we make then it's hard so don't overthiking just do it

so how to deep dive: when you learn any thing then make sure not learn so many things in once. let you learn web development then complete the whole course no looking any where, like: you learn java and you watch python code and you think it's easy i learn python. don't do this at all

Moral: learn one technology in once time complete and then go to other

What do i get form going deep dive

once you complete the one course then you feeling good and you get many skill.

// step: 2
console.log("you earn many things")

Going Deep dive is a good habits. if you are a developer then your are life time learner, so you have a skill of going deep dive it's greate

moral: you earn so many things to get going deep dive.

Is deep dive is a skill

maybe, because consistency is greate thing don't be over thinging or panic about it when you get consisteny then you get how to deep dive into a subject or anything

ok tell me about deep dive

Deep dive: even to take pearl, one has to go under the sea.
one has to go down to the ground to get a diamond.
so you want a skill so goind deep dive in the subject

Thanks for reading

your friend Hari om singh