Octagram Labs
JavaScriptData StructuresReact
Sign in

JavaScript for React

0 of 70 solved0%
x

Immutable Arrays

0/10
  • ○Array State Reducermedium
  • ○Move Item in a Listmedium
  • ○Add Item Immutablyeasy
  • ○Remove by Indexeasy
  • ○Update by Indexeasy
  • ○Remove by Idmedium
  • ○Update by Idmedium
  • ○Insert at Indexmedium
  • ○Toggle Membershipmedium
  • ○Move Itemmedium

Immutable State

0/9
  • ○Apply a Sequence of Updatesmedium
  • ○Update a Nested Fieldmedium
  • ○Set a Fieldeasy
  • ○Remove a Fieldeasy
  • ○Update Nested Fieldhard
  • ○Merge Stateeasy
  • ○Toggle Boolean Fieldmedium
  • ○Increment a Counter Fieldeasy
  • ○Reset Selected Fieldsmedium

Reducers

0/11
  • ○Todo Reducer (full)medium
  • ○Fold Actions over a Countereasy
  • ○Cart Reducer with Quantitiesmedium
  • ○Todos Reducermedium
  • ○Counter Reducereasy
  • ○Add-by-Amount Reducereasy
  • ○Todo Add Reducermedium
  • ○Todo Toggle Reducermedium
  • ○Todo Remove Reducermedium
  • ○Cart Reducerhard
  • ○Form Reducermedium

Rendering Lists

0/10
  • ○List Rendering Pipelinemedium
  • ○Group Items for Sectioned Listsmedium
  • ○Map to Labelseasy
  • ○Visible Items Onlyeasy
  • ○Sort by Namemedium
  • ○Extract Keyseasy
  • ○Paginatemedium
  • ○Page Numbersmedium
  • ○Group into Sectionsmedium
  • ○Chunk into Rowsmedium

Derived State

0/8
  • ○Memoized Selectorhard
  • ○Cart Summary (Derived, Not Stored)medium
  • ○Cart Totaleasy
  • ○Count Completedeasy
  • ○Search Filtermedium
  • ○Active Counteasy
  • ○Percent Completemedium
  • ○Summary Statsmedium

Props & Classes

0/7
  • ○Props and className Buildermedium
  • ○Merge Props with Defaultsmedium
  • ○Props with Defaultseasy
  • ○classNames from Mapmedium
  • ○Join Truthy Class Argsmedium
  • ○Pick Propsmedium
  • ○Conditional Classeasy

Events & Forms

0/8
  • ○Form Storemedium
  • ○Validate a Formmedium
  • ○Controlled Field Changeeasy
  • ○Toggle Checkbox by Idmedium
  • ○Validate Required Fieldsmedium
  • ○Reset Formeasy
  • ○Count Errorseasy
  • ○Update from Synthetic Eventmedium

Hooks Logic

0/7
  • ○Minimal Redux-style Storehard
  • ○useCounter Logicmedium
  • ○useToggle Logiceasy
  • ○Pagination Slicemedium
  • ○useToggle Resulteasy
  • ○Pagination Statemedium
  • ○Apply Action Sequencemedium