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 Widget from 0 to Launch

The one where I build the Draft widget in React. Today seems as good a day as any to write a full-dress React widget and actually host it somewhere. I maintain a little website called WidgetWonk (https://www.widgetwonk.com/) where I host such things. I'll be happy to take you through the entire process. I probably need … Continue reading React Widget from 0 to Launch

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