Learning to code with JavaScript and building UI with React

My experience with  @MCRcodes   as a Quality Assurance Tester.  This is an evening part-time coding boot camp based in central Manchester which runs for 24 weeks, from February 2018 to July 2018. Week 13 (May 2018) -  A new month, and a very heavy new topic ReactJS. The plan is to focus on this technology for the next couple of months, especially since it is a highly demanding skill. I've learned a lot more about the  npm   package.json  file with better understanding, and all dependencies used by a typical React setup. Previously only had exposure to a small number of dependencies ( jest  &  eslint) , now learning about  react ,  babel ,  webpack , and more. Session 1 -  Intro to React Session 2 -  React (Class, Stateful Components, Event Handlers) Week 14 -  Single Page Applications (SPA's) is amazing!  I always thought front-end development means primarily knowing ...

blog image source Group exercise - building a Weather Forecasting App using React, a popular front-end framework for building user interfaces. Will implement the following features: Users should be able to see the name and country of the city the forecast is for. Users should be able to see a summary of each day of the forecast, including the date, general description and an icon for the weather that day, and maximum temperature. Users should be able to click on one of the summaries to view all of the forecasted information for that date. After completing this exercise should be comfortable with the following concepts: jsx functional components vs stateful components `props` `propTypes` and `defaultProps` `state` `setState` render lifecycle methods GitHub Weather Forecasting App exercise -  https://github.com/SharifCoding/weather-app-react

blog image source Following on from the previous sessions; -  Intro to React -  React (Class, Stateful Components, Event Handlers) Bind Methods:   One of the reasons to use React for development, is its popularity is that it relies heavily on all of the Javascript. On a basic level, it is taking a component’s state, a Javascript object, and using Javascript functions to manipulate that state. The page is then rendered to reflect those changes. The value of ` this ` depends on how the function was called, not where or when it was defined. Also, it is not affected by scope, like a variable would be. This means, that whenever you pass a function down another function, this will not refer to the same value. There are at least five ways to handle this context in React: Use React.createClass Bind in Render Use Arrow Function in Render Bind in Constructor Arrow Function in Class Property React Render Lifecycle:  React enables to create components by in...