Search Results for “react” – Page 3 – Kev's Development Toolbox

June 11, 2020June 11, 2020

React and Redux error: “_react.default.createContext is not a function”

I’m adding Redux to an existing React app, converting from Flux to Redux. After wrapping my root component with the <Provider> I got this error and the app doesn’t initialize: _react.default.createContext is not a function Doing a quick search found this post suggesting I’ve got a mismatch in versions between newest Redux versions and possibly …

Continue reading “React and Redux error: “_react.default.createContext is not a function””

April 22, 2019April 22, 2019

Building a React frontend for my AWS Lambda Sudoku solver

Over the past few months I built an implementation of Donald Knuth’s Algorithm X using Dancing Links in Java to solve Sudoku puzzles. This was a fascinating exercise in itself (you can read more my experience here), but the next logical step would be to package it up in a way to share it online. …

Continue reading “Building a React frontend for my AWS Lambda Sudoku solver”

February 13, 2019February 13, 2019

Rendering arrays of Components with React

React doesn’t support the use of a for() loop in it’s render method. If you need to render a list of components based on data, one approach is to build a var representing the list of components in a helper function as described here. Another approach is to use .map() to build an array of …

Continue reading “Rendering arrays of Components with React”

March 19, 2017

React Flux Store: addChangeListener is not a function

Using React with Flux, you need to register a callback from your Component so that it can be called when the Store emits an event. For an ExampleComponent and ExampleStore, this might look like: class ExampleComponent extends Component { constructor(props) { super(props); } componentWillMount(){ ChatStore.on(‘change’, this.handleUserNameChange); } … } I’ve seen some examples where a …

Continue reading “React Flux Store: addChangeListener is not a function”