dmeents

Home/David Meents

About David Meents

React.js developer, web designer, devops engineer, and business owner.

How to Simply Deploy a React App on Digital Ocean

By | 2017-01-20T19:10:34+00:00 May 27th, 2016|DevOps, Infrastructure|

Quite a while ago, I wanted to deploy a react app. At the time it seemed a steep learning curve and took me a few attempts to get it going. These are pretty much the working notes I created at the time. They're probably not the most complete, or most the most efficient steps to deploy a react app on digital ocean, so keep that in mind. I've long sin am [...]

Journey into React Part 3: Navigating Between Webpages with React Router

By | 2017-01-20T18:48:59+00:00 May 22nd, 2016|Development, Javascript|

Hello and welcome back for part 3 of our journey into React. By now, you've set up your windows based work environment, and have created your first hello world app. If you've missed these, I'd highly recommend going back and reviewing them: part 1 is here, and part 2 is here. Our goal today will be really digging into our React app by implementing react router, the dependency that will allow [...]

Journey into React Part 2: Creating your first react app

By | 2017-01-20T18:44:05+00:00 May 16th, 2016|Development, Javascript|

In part 1 of our journey into react we got our windows work environment set up; we installed ConEmu to set up a pretty windows console, the text editor Atom.io to improve our coding experience, and then from within that console we installed Node.js and git. After that we learned how to navigate using the command line, and we created our project directory, and initialized our project with the npm [...]

Creating a Collapsible Navigation Menu in React.js

By | 2017-01-10T22:56:58+00:00 May 13th, 2016|Development, Javascript|

Updated 8/15/2016 Today we're going to be making a collapsible navigation menu solution using nothing but React.js as an exercise in using event handlers, component state, and various React lifecycle methods. There is a much simpler and more elegant solution to achieve this exact same thing - my thanks go out to Mike for sharing his example in the comments below. But for the sake of practice and education, let's [...]

Journey into React Part 1: Getting Started with React on Windows

By | 2017-01-20T18:11:20+00:00 May 11th, 2016|Development, Javascript|

Updated: 8/3/2016 After recently taking the plunge into React on windows myself, I decided I would write a series of posts on my experience. I found that while there are countless well written articles on the subject, tutorials to follow, and the endless knowledge of professionals on Stack Overflow, getting a working knowledge of React on windows is somewhat difficult and the process is a little convoluted. This series of [...]

How to Correctly Set Up Webpack Image Loader in your Node app

By | 2017-01-20T17:33:12+00:00 May 10th, 2016|Development, Javascript|

Setting up your webpack.config.js file can be tediously complicated work. I stumbled upon this again myself as I was configuring my own webpack file to handle images. While I've been working with React, Node, and webpack for some time now, I'll nevertheless run across issues that take me a while to fix. One common webpack error we can overcome through the use of the Webpack image loader. If you run [...]