Coder Social home page Coder Social logo

hackyourfuture / react Goto Github PK

View Code? Open in Web Editor NEW
319.0 30.0 654.0 11.17 MB

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

HTML 3.93% JavaScript 96.07%
react mobx hyf

react's People

Contributors

arcomul avatar dependabot[bot] avatar isaachinman avatar joostlubach avatar josephinehyf avatar mkruijt avatar mrhayor avatar n4cr avatar nick-barth avatar noergitkat avatar nouranmahmoud avatar robvk avatar shrynx avatar spirosikmd avatar stasel avatar suh3yb avatar tjebbee avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react's Issues

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.

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

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.