Giter Site home page Giter Site logo

m5-2-react--context's Introduction

Workshop: Cookie Clicker REMIX

In the last workshop, we built a Cookie Clicker game. Today we'll be updating it.

One of the hardest parts of being a developer is dealing with changing requirements. Often you'll have built a wonderful, functional app, and then a product manager will say "actually, we want to move this bit of functionality to after the signup flow", and implementing that change can be challenging.

In this workshop, several new requirements have been added!

This workshop also introduces React context. This part of the problem takes the shape of a more typical guided workshop, but it comes afterwards.

Starting point

For your convenience, an initial version of the last workshop's base solution is provided. If you'd prefer, you can definitely keep working on your version though!

Exercise 1: Fulfill new requirements

Open this exercise file: exercise-1.md

Exercise 2: Using React Context

Open this exercise file: exercise-2.md

Exercise 3: Consuming context

Open this exercise file: exercise-3.md


๐ŸŸก - Minimally complete workshop (75%) - ๐ŸŸก

Exercise 4: Calculating cookies earned while away

Open this exercise file: exercise-4.md


๐ŸŸข - Complete workshop (100%) - ๐ŸŸข

Exercise 5: Finish up the last stretch goals!

Last workshop included many stretch goals. Start by tackling them!

Exercise 6: More refactoring!

Pick a previous workshop, and use what you've learned to apply some of these best practices.

m5-2-react--context's People

Contributors

harrisrobin avatar anawestcott avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.