Tag: React

React, Redux, Unnecessary Rendering, and Computed Values

This is a continuation of my post https://adamcross.blog/2019/07/12/creating-the-drop-app-composed-react-logical-layers/ where I discussed one of my React apps, "Drop". Here I want to talk further about some of the internal logic and how it relates to switching over to Redux. To understand the topic of this post, you need to understand a tiny bit about how the … Continue reading React, Redux, Unnecessary Rendering, and Computed Values →

States Within States (Part 1)

This is a direct continuation from my React Widget from 0 to Launch, which in turn grew out of my React Lesson 2. Since those posts, I have a cute little widget hosted at https://xero-draft.herokuapp.com/ by Heroku. The source is hosted here: https://github.com/xerocross/xero.draft. I have been thinking of it as a tool for drafting short … Continue reading States Within States (Part 1) →

React Lesson 3 (Part 2): Redux, Reducers, and Actions

Let's continue studying the use of Redux with React. I have a little widget I built during React Lesson 2. It's a text field combined with some buttons that let you commit your text (or you could calling "saving" the text) any time you want and then browse backward and forward through the commits. Mainly … Continue reading React Lesson 3 (Part 2): Redux, Reducers, and Actions →

React Lesson 2 (Part 3): Unit Testing

Let's add some unit testing to our little text editing widget that we began in React Lesson 2. At this point I'm going to create a new branch from my existing setstate-horror branch. While currently on the setstate-horror branch, I type git checkout -b tiny-text-commit. This creates a new branch copied from the old one … Continue reading React Lesson 2 (Part 3): Unit Testing →

React Lesson 2 (Part 2): User Paths and State Space

I decided I didn't like how we left the little widget we created in React Lesson 2. Recall it was a little plain text editor where you can commit changes whenever you want (kinda like saving) and then you can browse back to view previous commits and then browse forward again. But we could have … Continue reading React Lesson 2 (Part 2): User Paths and State Space →

React Lesson 2: Dealing with React’s Would-Be Immutable States

Let's discuss setState further. As usual, along the way we will create a little widget and try to learn some things by doing. Like the others, the code I make for this lesson will be hosted on my GitHub repo react-examples, which is located here: https://github.com/xerocross/react-examples. Let me include a tiny bit of git instruction … Continue reading React Lesson 2: Dealing with React’s Would-Be Immutable States →

React Lesson 1: React at First Glance

Let's begin learning some React. Here's what I know about React. It's one of the big three. Its major corporate sponsor is Facebook. It's on GitHub at https://github.com/facebook/react with an MIT license. It uses this terrible syntax called JSX where they intermingle template and scripting into an unreadable mess, and react fans defend that practice … Continue reading React Lesson 1: React at First Glance →