Learning react.js

New year, new sprint finished! In 4 weeks we have been learning React and as a final project I am working on a random recipe generator as an application. The app is made in React native wich is a open source framework developed by facebook to make mobile applications. The project is not completely finished and it is a bit tricky to work with a new framework, but I have got some help from my mentor wich is a senior front-end developer. At this stage it feels as I get how react works and I am very happy about how my projects has turned out.

In React you write JSX, wich kind of looks like HTML implemented in JS. Personally I think it is easier to write JSX compared to vanilla-JS. It makes much more sense and has so many cool features, as Routing wich you use to render different pages depending of what features you have on the site. This example is from my site that lists movies that is fetched from a movie database. So the first page shown is <List /> wich is an external component that is imported. When a movie of choice is clicked on you are routed to that specific movies detail page wich is another component called <Details />.

Next week we will meet up at "A house" in stockholm for a group project in wich we will learn to use Global state with Redux. A part from that we will all demo our applications! It is going to be so fun to see what the others in class has come up with. In the app project we basically had free hands to do whatever we wanted so I am expecting to see some cool stuff! It is also fun to see how much more we can do now in terms of coding and making and idea happen from scratch.

Anyways! Here is a cool moviesite i did as a project couple of weeks ago where i used Route in React: https://movienightz.netlify.com/