Welcome to Part 3 of my React series, React as a Framework! If you’ve been following along since Part 1, by now you probably have a good understanding on the fundamental components that make React what it is, as well as how props allow us to pass data into said components. Through this, the same components can be used over and over again and still yield different results, abstracting our code. But we can actually do more than that: we can even manipulate the data we pass as props as well, and state helps us do just that! …

If you are a little new to using the React front-end framework, hopefully by now you at least have some basic understanding on how components work, as well as how React uses the JSX extension of Javascript in order to manipulate the DOM in a more efficient and dynamic way than regular Javascript (if not, feel free to check out Part 1 of my React series here: https://medium.com/@lgonzalez_94/react-as-a-framework-part-1-jsx-and-components-a2d286a832eb ).

To review, just like how we would use regular methods/functions, components are used in React as a way to separate our code into multiple working parts that all come together to…

If you happen to be a developer like myself who only just recently got into learning how to use the React front-end framework, especially after utilizing standard, vanilla Javascript to directly manipulate your DOM, you might be thinking to yourself after looking at the code snippet below something along the lines of, “What the heck is that?!? Why does the syntax look like Javascript and HTML did the fusion dance in order to create this monstrosity that I’m now feasting my eyes over???”

import React, { Component } from "react";
import Article from "./Article"
import Comment from "./Comment"
class App…

Lucio Gonzalez

Developer, gamer & music lover

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store