Leaderboards / Full Stack Development

SkillPies Exercise: Static and Dynamic Rendering

Leaderboards

Pure Components - memo

Leaderboards
by Tomas Trescak· Next.js

0 / 2950 XP

Following is a ranking for sections:

Quiz: Layout and Pages
Quiz: Fonts and Images
Quiz: Styling
Quiz: Server vs Client Components
Quiz: Static and Dynamic Rendering

Work in progress

Working hard, but no results so far!

Discuss with Others
Ask questions, share your thoughts, and discuss with other learners

Exercise: Static and Dynamic Rendering Pure Components - memo

Course Outline

Chat

Full Stack Development

Setup

Software Installation

Running and Testing

React and ReactDOM

Assignment 1.1: Welcome Message

React Fundamentals

10 points

JSX and Components

Assignment 1.2: Front End

useState and Hooks

Conditional Rendering

Forms and Events

Assignment 1.3: Bonus - Backend

Next.js

10 points

Next.js Introduction

Assignment 2.1: Blog - Client

Layouts and Pages

Fonts and Images

Server vs Client Components

Static and Dynamic Rendering

Advanced React

Pure Components - memo

Lifecycle - useEffect

Expensive? - useMemo

DOM Interactions - useRef

Error Boundaries

Databases

10 points

SQL vs No-SQL Databases

Seeding and Migrations

Search and Pagination

Client-Side Mutations

Validations and Error Handling

Assignment 2.2: Blog - Admin

React Hooks

useImperativeHandle

useDeferredValue

Authentication and Authorisation

10 points

Authentication Approaches

Assignment 2.3: Blog - Backend

APIs

CI/CD and DevOps

Continuous Integration (CI)

Continuous Deployment (CD)

Server-less Architectures

Exercise: CI/CD

Major Assignment

Testing React

Introduction to Testing

Component Testing with React Testing Library

Spying and Mocking

Component Testing with Playwright

End to End testing with Playwright

Exercise: Testing

Advanced Topics

Monitoring and Logging