React's UI State Model vs Vanilla JavaScript

submited by

Style Pass

2021-07-18 04:00:02

Hey! Pssst. After you're done reading the article, maybe checkout my newsletter at the end? Thank you 🌺

This article is aimed at people who want a glimpse of how writing UI in React makes it a little easier to reason about UI state than writing UI in vanilla JavaScript.

When I started my front end journey in 2015, I was privileged enough to have a 6 months training program in which our company at the time — Sapient Nitro ( now Publicis Sapient ) invested in. Our trainer was instructed that by the end of the program we ought to have strong JavaScript fundamentals. I remember one of the SMEs Mahesh, who invested a lot of his time ( and goofy calming laughter ) with us new joinees straight out of college. He guided us to learn DOM JavaScript APIs and make our own jQuery like utility library for the project that we were supposed to deliver in phases during our training.

At that point of time, I wasn't very social and open. I wouldn't talk to any of the SMEs and would just get whatever information I'd get out of limited interaction with other people. But I'm glad that even that had something for me to learn from.