Understanding Server Components in React 18 and Next.js 13

Adhithi Ravichandran

5 min readFeb 15

--

React and Next.js Logo

With the release of Next.js 13, they have a new /app directory that has newer approaches to data rendering, fetching, and also uses the latest React Server Components.

Note that the /app folder in Next.js 13 is still in Beta.

What is Rendering?

Adhithi Ravichandran

Written by Adhithi Ravichandran

Software Consultant, Author, Speaker, React Native|React|GraphQL|Cypress Dev & Indian Classical Musician

More from Adhithi Ravichandran

Adhithi Ravichandran

Why You Don’t Need Redux Anymore?

Redux has been tied with React projects for many years now. I even see job postings for React, that require Redux experience and knowledge…

6 min readFeb 28

--

Adhithi Ravichandran

Building React Native Apps — Expo or not?

Are you thinking of using React Native to build cross-platform apps? When you set out on a path to build apps using React Native, you come…

7 min readApr 27, 2020

--

Adhithi Ravichandran

Why do I need Keys in React Lists?

Lists in React need to have unique keys. Did you know why?

5 min readMay 15, 2019

--

Adhithi Ravichandran

React Virtual DOM Explained in Simple English

If you are using React or learning React, you must have heard of the term “Virtual DOM”. Now what is a Virtual DOM, and why does React use…

5 min readJun 14, 2019

--

See all from Adhithi Ravichandran

Recommended from Medium

React Dojo

Technical Interview Cheatsheet for a frontend engineer (General programming questions)

There’s many trendy tech words but you might feel too embarrassed😛 to ask… so here’s a MUST-KNOW list of words to stay in the game.

6 min readMar 16

--

Christopher Clemmons
in
Level Up Coding

9 Interview Questions Every Senior React Developer Should Know

As a React developer, you’ll eventually experience the urge to take that next large step into a senior role. Many of us stay stuck as a…

8 min readJan 4

--

Lists

Stories to Help You Grow as a Software Developer

19 stories59 saves

Leadership

30 stories23 saves

How to Run More Meaningful 1:1 Meetings

11 stories27 saves

Stories to Help You Level-Up at Work

19 stories46 saves

Reed Barger
in
Web Dev Hero

7 React Projects for Beginners in 2023 (+ Code)

You’re ready to start making simple projects with React, but you don’t know what to make. Where should you start?

6 min readJan 11

--

fatfish
in
JavaScript in Plain English

Interviewer: Can sessionStorage Share Data Between Multiple Tabs?

The question that most front-end developers don’t know the answer

3 min readFeb 5

--

Asim Zaidi

Advanced Data Fetching Technique in React for Senior Engineers

As an engineer working with React, it’s important to have a solid understanding of the various ways to fetch and manage data in your…

4 min readJan 27

--

Al - @naucode
in
JavaScript in Plain English

5 React Design Patterns You Should Know

Are you tired of writing the same code over and over again? Want to take your React skills to the next level? Discover the power of HOCs…

4 min readJan 27

--

See more recommendations

Help
Status
Writers
Blog
Careers
Privacy
Terms
About
Text to speech