πŸ“… backlog

Module-React πŸ”—

[TECH ED] Codewars πŸ”— Clone

https://www.codewars.com/users/CodeYourFuture/authored_collections

Why are we doing this?

Every week you need to complete at least three kata. Spend at least 20 minutes, three times a week, on your kata workout.

Find the Collection for this week on the CodeYourFuture account.

Take some time to check your levels. Before you are accepted on to a Final Project on the developer track, you need to complete the Final Projects collection and reach a Level 5 kyu in Codewars. Are you on track to reach this standard? Have you run a study group to work on kata? Have you reached out on the #cyf-codewars channel? What is your plan to meet this goal?

Maximum time in hours (Tech has max 16 per week total)

1

How to get help

Remember, after 20 minutes, take a break.

How to submit

Your codewars progress is tracked automatically and is available on the public API. You don’t need to submit it.

How to review

Once you have completed your kata, look at the other solutions in the solutions view. Consider how many different approaches there are.

  • 🎯 Topic Code Review
  • 🎯 Topic Problem-Solving
  • 🎯 Topic Programming Fundamentals
  • 🎯 Topic Requirements
  • 🎯 Topic Time Management
  • πŸ• Priority Mandatory
  • πŸ“… React
  • πŸ“… Week 2
[TECH ED] Prepare for live session πŸ”— Clone

React week 2 playlist

Why are we doing this?

It is essential to start learning new concepts and ideas before Saturday’s session. During the week, we expect you to get stuck and form questions about the new content so you can address misconceptions during Saturday’s session. The prep work here will introduce you to the new concepts for the week.

Maximum time in hours (Tech has max 16 per week total)

3

How to get help

Share your blockers in your class channel
https://syllabus.codeyourfuture.io/guides/asking-questions

  • :brain: Prep work
  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 2
[TECH ED] Prepare for live session πŸ”— Clone

n/a

No prep playlist for this week

Why are we doing this?

It is essential to start learning new concepts and ideas before Saturday’s session. During the week, we expect you to get stuck and form questions about the new content so you can address misconceptions during Saturday’s session. The prep work here will introduce you to the new concepts for the week.

Maximum time in hours (Tech has max 16 per week total)

3

How to get help

Share your blockers in your class channel
https://syllabus.codeyourfuture.io/guides/asking-questions

  • :brain: Prep work
  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 2
[TECH ED] CYF Hotel πŸ”— Clone

https://github.com/CodeYourFuture/cyf-hotel-react

Why are we doing this?

cyf-hotel-react will provide an opportunity to apply your React skills in a larger project. This project will require you to think about how components are organised and composed when building the UI.

Maximum time in hours

7

How to submit

  1. Fork and clone the repo
  2. Complete the tasks for the given week
  3. Deploy your application to Netlify.

Follow the deployment instructions here:
https://syllabus.codeyourfuture.io/guides/creating-a-react-app#deployment-with-netlify

  1. Once it is deployed, follow these instructions to change your new site’s name to cyf-USERNAME-hotel-react.netlify.app (where USERNAME is YOUR Github username):
    https://syllabus.codeyourfuture.io/workshops/deployment/workshop/cheatsheet#rename-your-site
    Check that your site is visible at: https://cyf-[[your-github-username]]-hotel-react.netlify.app/. .
  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ”‘ Priority Key
  • πŸ“… Week 2
[TECH ED] React challenges πŸ”— Clone

https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-high-score-tables

Why are we doing this?

The way to get better at React is to practice by building small projects. πŸ’ͺ

To help you with project ideas, we have provided several challenges. You can see a full list of the challenges here. Some you can complete now, but some require knowledge of later weeks - look out for the “Prerequisites” section in the instructions.

We recommend that you attempt the following challenge:
High Score Table - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-high-score-tables
Stretch Goals: Some other suitable projects for you to work on right now are:
Baby Names Picker - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-baby-name-picker
Countries - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-countries
Job Listing - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-job-listing

You should complete these challenges in the order they are in above.

Maximum time in hours

3

How to submit

Follow submission instructions on the repos.

  • πŸ• Priority Mandatory
  • 🏝️ Priority Stretch
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 2
[PD] Futurespective vs Retrospective πŸ”— Clone

Coursework content

Reflect on the PD session and describe how futurespective technique is different from retrospective. Write a 250-word essay on your thoughts. Try to answer the following questions as well - what are the key elements of each activity? What are their benefits? If you were tasked to design a futurespective session for your CYF final projects team, what would your design look like?

Estimated time in hours

1

What is the purpose of this assignment?

This assignment allows you to compare the retrospective and futurespective techniques used for teamwork.

How to submit

Share the link to your Google doc in your cohort’s channel and ask for feedback. Each of you should provide feedback for at least one peer. Share a screenshot of your post on your ticket.

  • πŸ• Priority Mandatory
  • πŸ‡ Size Small
  • πŸ“… React
  • Week 2