Material-Table for React: A Step-By-Step Tutorial

material-table react examples

Material-Table is a relatively new addition to the suite of libraries providing data table functionality in React. The particular claims to fame for material-table is that it is quick to get running and built on Material-UI. It is a Table component that augments the existing Material-UI Table. In this intro to material-table I’ll implement a … Read more

Animate React Component on Render with Framer Motion

Animations in React that depend on component life cycle can be difficult to get right. Without a user event to drive our animation, you have to have a deep understanding of component life cycle and effects in order to properly trigger animations….or do you? Framer Motion handles the relationship between animation and life cycle events for … Read more

Material-Table AutoFocus on Row Add

material-table autofocus

Material-Table is a react data table based on Material-UI. It is quick to implement and will feel familiar to any developer experienced with React and MUI. It is also relatively easy to customize, such as adding autoFocus to the first input when adding a new row to a table. I recently was using an editable … Read more

The Best Side Hustles for Each Stage of a Developer’s Career

Software development and entrepreneurship are made for each other. Our craft enables us to work from anywhere, often asynchronously from team members or clients. We are capable of creating long-lived assets (that’s right, assets can be created, not just purchased). Our skills are in high demand, both in the professional world and the world of … Read more

Why You Should Teach Software Engineering

As a developer, you have received so much. Your education came from many sources, often freely given. As you grow in your career and expand your knowledge base, consider taking a formal position that allows you to share that knowledge. I’ll discuss the benefits from my perspective of previously teaching a JavaScript boot camp and … Read more

Cash Flow Investing: Options Trading vs Dividend Growth Investing

Cash flow investing ranking: DGI vs Options Trading

I have been a dividend growth investor for six years and an options trader for the last three years. Both strategies have been thoroughly enjoyable and lucrative, helping me buy a house, a car, and peace of mind along the way (it has a price tag). But which is better for cash flow investing? At … Read more

Rotate and Translate Points with d3 in a TopoJSON Map

Transforms in a map svg can engage and delight users. With a little extra effort, you can give your customer something unexpected that they enjoy using. However, transforms can be complicated to get right. The syntax, sequence, and math can give anyone a headache when they are trying to transform a vision into code. The … Read more

Transition Chaining with React and d3 in TopoJSON Map

My favorite JavaScript map library is TopoJSON with d3 because it is simple to configure and there are fantastic examples to get a project up and running quickly.  In this project, I have a TopoJSON map of the United States with latitude/longitude points for each capital city.  I have multiple transitions chained together on the … Read more