Week 13 - Session 2 - React (Class, Stateful Components, Event Handlers)

blog image source
Following on from the previous session Intro to React.

 ES6 Class Syntax: Class in terms of Object-oriented Programming is a blueprint for creating objects. A class encapsulates data and functionality for the object.

 Stateful React Components: When something is “stateful”, it is a central point that stores information in memory, about the app/component’s state. It also has the ability to change it. It is essentially a “living” thing that has knowledge of past, current and potential future state changes.

 Event Handlers: Event handling the only goal is intercepting various events (clicks, touches…) and triggering the associated callbacks that you, the programmer, coded. It’s the implementation that makes React’s event handling system stand out. JSX elements can have event listeners, just like HTML elements can. You create an event listener by giving a JSX element a special attribute.

 An introduction to ES6 classes - https://javascriptplayground.com/introduction-to-es6-classes-tutorial/
Stateful and Stateless Components in React - https://medium.com/@imletaconnoux/stateful-and-stateless-components-in-react-5da5cedb808f
Handling Events - https://reactjs.org/docs/handling-events.html
Learn ReactJS - https://www.codecademy.com/learn/react-101

Popular posts from this blog

Week 9 to 12 - Learning with MCR Codes

Image
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 9 (April 2018) - After spending two decades using the internet, I finally have an understanding how it works now, and the communication between the server and the client. Nice to create and run a simple server using Express and I now know what API actually means now, I think. Really appreciate how amazing and powerful the npm  package manager really  is, and looking forward to installing other future packages.  We have now started our back-end programming journey. Session 1 -  The Internet, the Web, HTTP Session 2 -  Web APIs & Express Week 10 - Really enjoying creating and reading test units for server assignments. Additionally, learning s ynchronous/a synchronous programming has been a tease.   Unfortunately, I was unable to attempt few classes due to unplanned c
Read more

Week 9 - Session 1 - The Internet, the Web, HTTP

Image
blog image source The internet, a worldwide network of computer networks, a llows transfer of information between networks, and the information is transferred using the internet protocol suite (IP/TCP). One of the most commonly used services on the internet is the world wide web (www). A primary mode of transferring data (resources) over the internet for billions. The application protocol that makes the web work is hypertext transfer protocol. blog image source As web developers, we are mainly interested in HTTP,  a protocol that web browsers and web servers use to communicate with each other over the Internet.  The Hypertext Transfer Protocol (HTTP) is designed to enable communications between clients and servers. HTTP works as a request-response protocol between a client and server. A web browser may be the client, and an application on a computer that hosts a website may be the server. How does the Internet work? -  https://developer.mozilla.org/en-US/docs/Learn/Common_
Read more