Rootly logo
Sign in

Master your learning journey

Add notes as question-answer pairs, add daily study sessions and mood, and stay consistent with charts that helps you move forward. Rootly turns your study sessions into measurable growth.

Get startedLearn Rootly

Philosophy Behind

"The expert in anything was once a beginner. The key is not to know everything, but to build a system that helps you learn consistently."
Rootly Learning Philosophy

Features

What is the difference between useState and useRef?

ClearCode

useState triggers a re-render when the state changes and is ideal for UI state. useRef stores a mutable value that persists across renders without causing a re-render; it's ideal for DOM refs and instance variables.

How do you create a page in the Next.js App Router?

Crystal ClearCode

Place a page.tsx file under a route folder (e.g., app/about/page.tsx). The folder path defines the route. You can also use dynamic routes with [slug] folders.

What is useEffect cleanup?

Getting ItFlaggedCode

Return a function from useEffect to clean subscriptions/timers. React calls it before the effect re-runs or during unmount. This prevents memory leaks.

What are Server Components vs Client Components in Next.js?

ClearCode

Server Components render on the server and can access databases directly. Client Components run in the browser and can use hooks and interactivity. Use 'use client' directive for Client Components.

What is the difference between useState and useRef?

ClearCode

useState triggers a re-render when the state changes and is ideal for UI state. useRef stores a mutable value that persists across renders without causing a re-render; it's ideal for DOM refs and instance variables.

How do you create a page in the Next.js App Router?

Crystal ClearCode

Place a page.tsx file under a route folder (e.g., app/about/page.tsx). The folder path defines the route. You can also use dynamic routes with [slug] folders.

What is useEffect cleanup?

Getting ItFlaggedCode

Return a function from useEffect to clean subscriptions/timers. React calls it before the effect re-runs or during unmount. This prevents memory leaks.

What are Server Components vs Client Components in Next.js?

ClearCode

Server Components render on the server and can access databases directly. Client Components run in the browser and can use hooks and interactivity. Use 'use client' directive for Client Components.

What is the difference between useState and useRef?

ClearCode

useState triggers a re-render when the state changes and is ideal for UI state. useRef stores a mutable value that persists across renders without causing a re-render; it's ideal for DOM refs and instance variables.

How do you create a page in the Next.js App Router?

Crystal ClearCode

Place a page.tsx file under a route folder (e.g., app/about/page.tsx). The folder path defines the route. You can also use dynamic routes with [slug] folders.

What is useEffect cleanup?

Getting ItFlaggedCode

Return a function from useEffect to clean subscriptions/timers. React calls it before the effect re-runs or during unmount. This prevents memory leaks.

What are Server Components vs Client Components in Next.js?

ClearCode

Server Components render on the server and can access databases directly. Client Components run in the browser and can use hooks and interactivity. Use 'use client' directive for Client Components.

Q&A Notes

Capture questions and answers per course

20
😊
45m
22
😄
1h
24
😐
35m
26
😊
50m

Daily Tracking

Log study time and mood over time

1 of 3

What is the difference between useState and useRef?

Click "Show Answer" to reveal

Quick Review

Practice with random notes

Ultimate React & Next.js

Sarah Daniels
4 notes

Complete MongoDB

Aamir Patel
2 notes

Ultimate React & Next.js

Sarah Daniels
4 notes

Complete MongoDB

Aamir Patel
2 notes

Ultimate React & Next.js

Sarah Daniels
4 notes

Complete MongoDB

Aamir Patel
2 notes

Ultimate React & Next.js

Sarah Daniels
4 notes

Complete MongoDB

Aamir Patel
2 notes

Ultimate React & Next.js

Sarah Daniels
4 notes

Complete MongoDB

Aamir Patel
2 notes

Ultimate React & Next.js

Sarah Daniels
4 notes

Complete MongoDB

Aamir Patel
2 notes

Courses Tracking

Organize learning paths and monitor course progress

Light
Dark

Themes & Accents

Light/Dark modes with customizable accent colors

Total notes: 6
At-risk (≤2): 0
Strong (≥4): 4 • Average: 3.8/5

Stats & Charts

Understand trends with visual charts and summaries

FAQ