hackyourfuture/react

This repository contains all the material for the HackYourFuture module "React.js: Building dynamic UIs with modern JavaScript"

react's Issues

updating componentWillMount W2-lesson-Plan.md

componentWillMount is no longer in use since 16.3v, as one of the students mentioned and by following that in the React official docs too.
what we may apply in the lesson-plan instead is: facebook/react#7671 (comment)

or we may get back to the constructor method with using the super key word instead?

React homework week 3 is ambigious about rendering the PreviousHomework component

The homework tells the students to move the previous homework to it's own component, but doesn't really say if it should be rendered or not. It implies so, but intuitively it seems a bit weird to render two different apps above each other. So very understanding that many students don't render both on the same page.

week 3 homework

Hello
In week3 hackyourtemp project we require to use the second route as /:cityId but the only allowed package for free is this
https://openweathermap.org/api/one-call-api

and we only can fetch by using latitude and longitude
so I suggest just to say make another route or make it more clear to be easier for students because it's already hard week 😅
best regards

still not working

I don't know but it's not working in my fork or even in this link in HackyourHomework/react-class33

https://github.com/HackYourHomework/React-class33/tree/master/week1/practice-exercises/2-perfect-customer-service
thank you

Asking some aprovments in Homework week3.

Looking to the results of students class18'th homeworks and their hard work, I found it's very useful to have multiple programs into one application.
showing them how we could make multiple programs related to each other with nothing but the parent Component providing for them a great experience with the Feature Synonyms, and what they may find of a strange requirements from their clients in the job market.

The second and third steps for me were a great steps forward into their journey with the life cycle hooks and the server side integration, By looking to what do we have:

• The very first one is for learning how to deal with a third party API.
• after words we have

Create reusable components, at least 3

I kindly disagree on this part before I saw the homeworks, supported with results of what we do have in the homeworks afterwards:

• #358 ( 2 ) components.
• #357 ( 1 ) component.
• #356 ( 3 ) components with a little bit of content 👌🏻.
• #355 ( 3 ) 🙌.
• #354 ( 2 ) for being accurate.
• #353 ( ... ) we can't say they are three but also they are three, in another side of view they are 3. (one contains two)

And we have the great addition we hadn't before which is (Development server).
It's Great, well organized, and having a very nice steps which includes:

• (1) loading in of Express and initializing it
• (2) code that let's Express know where you hold your static files
• (3) a GET route that sends the index.html file from your public folder in the client as a response to the browser (take the / route)
• (4) a listener to a random PORT number (for example, 1234)
• (5) inside the package.json of write a rule for a proxy that refers the React development server to the Express server port

My comments:

• (1) 🙌
• (2) we can't say all done (from small discussion I knew it's because of what to serve and why)
• (3) exactly as it's previous. (Also same with the routes)
• (4) 🙌
• (5) 🙌

But the most important parts are not clear yet. my guess here is because there is no goal nor a connection of these multiple applications. (back-end front-end)

what I may suggest instead we could have a small feature on the front-end connected with it's end point on a back-end as a student made also we can provide the third party application feature front or back so it's a win win, And we can keep the last homework submission component as a feature asking to fix and shortness long codes from their new experience of the current week, as any company employments.

image is not found

this photo is not exist
'React-class33\week1\practice-exercises\2-perfect-customer-service\assets\exercises\exercise2.png'

and this is the readme file which i missing the photo
https://github.com/HackYourFuture/React/tree/master/week1/practice-exercises/2-perfect-customer-service

In week1 reading material

Hi, The link of useMemo in week 1 doesn't work it could be changed with this: https://www.youtube.com/watch?v=THL1OPn72vo

Unavailable video | Week-2 Reading Material

The video for fetching data in functional components is unavailable on YouTube. You may want to put another video for showing an example?