Week-08.md

title	dateModified	dateCreated	tags	parent	week	topics	content
Week-08	2024-09-10	2024-08-20	react	[[Intro to React V3]]	8	searching sorting	lesson plan

Week-08

Introduction

Topics Covered

• Sorting
• Searching

Lesson Objectives

By the end of this lesson, we will:

Objective 1: Sorting

• Implement sort functionality to organize lists that are presented to the user

Objective 2: Filtering

• Implement a filtering feature to return desired items to a user

Discussion Topics

Sorting

• array.sort
• sorting on single property: price OR popularity with <option>
• sort on 2 properties: price, name

Filtering

• array.filter
• filter on single property: availability with <checkbox>
• filter on multiple properties
  • availability with <checkbox>

Often times, a remote system will have many more entries than can be displayed comfortably on a single page. Sending everything on a request can take take a while or may even be impossible (think Google search results counts). Next week we will deal with sorting or searching of remote data with fetch requests.

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

Sorting

• Array.prototype.sort() (MDN)

Filter

• Array.prototype.filter() (MDN)