Sunny Yadav – Medium

Sunny Yadav

Every React.js developer must know — How module system organization works in React?

Have you ever wondered why the export and import module syntax, which is commonly used in React.js for organizing and importing code…

4 min read4 days ago

--

How module system organization works in React?

--

Sunny Yadav

Understanding State Management in React: useState vs useReducer

React Hooks are reusable functions that provide access to state and other React capabilities without writing a class component. Introduced…

3 min readMay 12, 2024

--

Understanding State Management in React: useState vs useReducer

--

Sunny Yadav

Why I Switched from traditional CSS/SCSS to CSS-in-JS libraries

Let’s dive into a new way of styling websites: CSS-in-JS. Traditional web development often involves writing CSS code in separate files or…

5 min readApr 28, 2024

--

Why I Switched from traditional CSS/SCSS to CSS-in-JS libraries

--

Sunny Yadav

Container/Presentational Design Pattern in React.js: A Guide for Clean and Scalable UI Development

In the world of web development, especially in libraries like React.js, design patterns play a crucial role in crafting maintainable and…

4 min readApr 22, 2024

--

Container or presentation design pattern in react js

--

Sunny Yadav

Unlocking Seamless Navigation: A Deep Dive into Next.js App Router & Page Router

What is a Router?

3 min readApr 15, 2024

--

Routing in next js

--

Sunny Yadav

Exploring Next.js Fast Refresh: Real-time React Component Editing Made Easy

Have you ever wondered at how your website’s UI updates when you change your code and hit save? Let’s dive deeper into this, focusing on…

3 min readMar 31, 2024

--

Exploring Next.js Fast Refresh: Real-time React Component Editing Made Easy

--

Sunny Yadav

Higher-Order Components in React

In React, a higher-order component (HOC) is a powerful pattern for reusing component logic. It’s not directly provided by React but rather…

2 min readMar 18, 2024

--

Higher order component in React JS

--

Sunny Yadav

How to Create a Text Editor in React

React is a powerful library for frontend development. I will guide you to create a text editor in React. We are going to use ReactQuill and…

2 min readMay 6, 2023

--

How to Create a Text Editor in React

--

Sunny Yadav

Sunny Yadav

Frontend engineer. Loves clean code & user-friendly design. Proficient in HTML, CSS, JS, TS, React.JS and Next.JS. Constantly learning

Following

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams