auaruss/favorite-pokemon

Explore and practice Functional Design concepts with Pokémon.

Favorite Pokémon

Practice and explore Functional Design concepts with Pokémon.

Setup

• git clone git@github.com:yosevu/favorite-pokemon.git
• cd favorite-pokemon
• npm i
• npm start

Stories

List first 9 Pokémon

• Render a dynamic list of monsters using getMonsters from the src/data.js module.
• Consider:
  • What monster data is relevant for the UI?
  • How do functional design concepts apply to rendering a dynamic list of monsters?
  • How can the app be refactored to make the design more functional?
• Explore and describe the relevant core functional design concepts in your words.

Like and unlike Pokémon

• Like and unlike monsters.
• Consider:
  • How can application state be represented and managed in functional design?
  • How do functional design concepts apply to liking and unliking monsters?
  • How can the app be refactored to make the design more functional?
• Explore and describe the relevant core functional design concepts in your words.

Core Concepts

• Declarative programming
• Data, functions, and actions
  • State and side effects
  • Pure functions and immutability
• Composition with data, functions, and actions
• Stratified design

<<<<<<< HEAD

Readings

• Composing Software
  • Composing Software: An Introduction
  • The Dao of Immutability
  • What is Functional Programming?
  • A Functional Programmer's Introduction to JavaScript
• Structure and Interpretation of Computer Programs
  • 2.2.4 Example: A Picture Language =======

Resources

• Composing Software
  • The Dao of Immutability
  • What is Functional Programming?
  • A Functional Programmer's Introduction to JavaScript
• 2.2.4 Example: A Picture Language

f1c1662 (feat: create favorite-pokemon project)

• First-class State
  • First-class citizen
  • first-class object
  • Structure and Flow (Flux)
  • State Management (Redux)
  • Redux Application Data Flow (Redux)
  • zustand

<<<<<<< HEAD

Resources

• µhtml
• Functional Programming Jargon
• eslint-plugin-functional
• Pokémon (PokéAPI) =======

References

• µhtml
• Functional Programming Jargon
• Pokémon (PokéAPI)

f1c1662 (feat: create favorite-pokemon project)