hackyourfuture / react Goto Github PK
View Code? Open in Web Editor NEWThis repository contains all the material for the HackYourFuture module "React.js: Building dynamic UIs with modern JavaScript"
This repository contains all the material for the HackYourFuture module "React.js: Building dynamic UIs with modern JavaScript"
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:
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:
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:
My comments:
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.
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
Hi, The link of useMemo in week 1 doesn't work it could be changed with this: https://www.youtube.com/watch?v=THL1OPn72vo
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?
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
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.
The video for fetching data in functional components is unavailable on YouTube. You may want to put another video for showing an example?
I don't know but it's not working in my fork or even in this link in HackyourHomework/react-class33
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.