Week-13.md

title	dateModified	dateCreated	tags	parent	week	topics	content
Week-13	2024-09-04	2024-08-20	react	[[Intro to React V3]]	13	deploying an app snapshot of the react ecosystem	lesson plan

Week-13

Introduction

Topics Covered

• Deploying an App
• Snapshot of the React Ecosystem

Lesson Objectives

By the end of this lesson, we will:

Objective 1: Deploying an App

• list the considerations of making a React application available online
• compare online service options for application hosting
• demonstrate the process of hosting a React application on Netlify

Objective 2: Snapshot of the React Ecosystem

• identify popular code editor plugins and explain their use
• examine frameworks used to build large or complex React applications
• examine component libraries that solve for common UI development challenges
• examine 3rd party libraries that provide React developers with additional tools
• discuss the problems TypeScript solves and how React developers benefit from its usage

Discussion Topics

Topic 1

Topic 2

Topic n

Weekly Assignment Instructions

Expected App Capabilities

After completing this week's assignment, the app should be able to:

• capability 1
• capability 2
• capability n

Instructions Part 1

1. step 1
2. step 2
3. step n

Instructions Part 2

1. step 1
2. step 2
3. step n

Instructions Part n

1. step 1
2. step 2
3. step n

References and Further Reading

Deploying an App

• 9 ways to deploy a React app for free (LogRocket Blog)

Snapshot of the React Ecosystem

Frameworks

• Next.js
• Remix
• Gatsby
• Astro

Component Libraries

• Ant Design
• Chakra UI
• MUI
• NextUI
• Onsen UI
• Radix UI
• React Bootstrap
• React Aria
• react-toastify

Motion

• react-spring
• Framer Motion
• Firefox View
• React Move

Other Useful Libraries

• dnd kit – a modern drag and drop toolkit for React
• react-grid-layout/react-draggable: React draggable component

Developer Experience (DX)

• TypeScript: JavaScript With Syntax For Types