Select Page

Udacity – Object Oriented

I am taking Udacity’s Intermediate JavaScript Nanodegree. The following are my thoughts on the Object Oriented section (part 1 of the course). As I imagine the content of this course will change (if anyone at Udacity pays attention to what I am going to say...

Parent passes props to Child

From Codecademy. A basic example of the relationship between parent and child components. https://snippets.cacher.io/snippet/9fbadaa1cfce6e939c74 App Functionality App displays “Hey, my name is Frarthur.” App parts We only worked on Random.js and its child...

Random Color Picker

From Codecademy.  https://snippets.cacher.io/snippet/30af67f4aa8a9469dd29  App Functionality User clicks on a button to randomly change the background color of an otherwise blank screen. App parts We only worked on Random.js and its child component Button.js...

Ravenous – React Project

I am working through Codecademy’s Ravenous React project. Here I want to break down the project so as to understand it. The project is broken into three pieces. Part 1 App Functionality Screen has two search bars, one to search for restaurants, one to input...

React Review – Components

Continuing with the Codecademy’s React course. They said they will teach both Class and function components, although only function components are used much anymore. a React component is a small, reusable chunk of code that is responsible for one job, which...

React Review – jsx

I’ve decided to go through the React course on Codecademy. To see if I can get a better handle on React. ReactDOM is the name of the React library, a library in JavaScript. ReactDOM’s render() method makes JSX appear on the page. The first argument passed...

Nodes

I’ve started the Codecademy Pass the Technical Interview with JavaScript path. The first section is on nodes. In JavaScript, a node is a class that has data and a link to another node.  What is a class in JavaScript?  Classes are bits of code that...

Sticky Notes UI

We built a Sticky Notes UI with React at Skillcrush. I want to break the app down here to understand it. Component files: App.js Extends component Includes state: notes array and search text string Includes methods: addNote = (), onType = (editMeId, updatedKey,...

Code Snippet Organizer

A React project. I am going to use the Sticky Notes UI that I built with Skillcrush as a base. But there will be a few changes. The user will be able to record snippets of code in notes. The user can create and delete notes. At some point, I would like to have the app...

Poem Pick: Final Version

This is how the Poem Pick App ended up being. The App queries the PoetryDB.org API  Description: Initial display: The title “Poem Pick”; A message (telling user to start by choosing an author, and that they can have us randomly choose one with the...