Worklog 062718

Mostly researching CSS libraries today — I got PostCSS up and running and also learned that Styled Components is bundled with Autoprefixer (or at least does auto-prefixing — not sure if it’s actually Autoprefixer).

I also installed cssnext and it seems to be working, but I’m working on confirming that it’s actually working and that it’s not just working because I have the latest version of Chrome. If anyone has suggestions on how to verify that cssnext is working, let me know!

J

Worklog 062018 – New JavaScript Array Methods

Still lots of general setup-y stuff today, but I did learn a few things.

New JavaScript Array Methods

I was listening to this episode of Syntax on the way to work this morning, and learned some tasty new JS array methods.

I made a CodePen for code examples.

See the Pen JavaScript Arrays – .some(), .includes(), .from() by J.C. Hiatt (@jchiatt) on CodePen.dark

.some()

.some() tests whether at least one element in the array passes the test you provide as a callback function. Note that it immediately returns as soon as it finds the first true value, so it has no idea if there are multiple elements within the array that would pass true. It only cares that there’s at least one.

.includes()

.includes() checks whether the array includes a specific value you pass in, returning true or false.

.from()

.from() creates a new array from an array-like or iterable object. Note that it only creates a shallow copy, so nested values aren’t copied. You can also pass in an optional map function to call on every element of the array as it is added.

Worklog 061918

Started my new job at Trinity Apparel today as a Junior Frontend Engineer. I’ve been looking to get back into the habit of writing, so I’ve decided to share “worklogs” so I can keep up with my progress over time and have something to look back on next time Imposter Syndrome™️ inevitably sets in.

Not much went on today other than typical “drink from the fire hydrant” learning as well as a 1 on 1 with my boss and a Sprint Meeting. My big task over the next couple of weeks is to learn more about Webpack (and other build tools) and see how we may be able to use modern tooling (so I can write in ES Next syntax) but still be able to build my React components and inject them into an existing PHP monolith without touching the production build process at all.

It sounds super abstract, and I may not even be describing the problem in nearly the amount of detail I need to, and that’s partly because I haven’t wrapped my head around the full scope of the problem. I’m writing this anyway primarily because I want to re-establish my habit of writing that I’ve lost over the past year.

Will share more as I learn more, but in the meantime, if you have experience integrating React into a specific part of a [mostly] server-rendered PHP monolith, I’d love to hear your thoughts or read any links you’d like to share.

J

Where’d my site go?

If you’ve been to my site in the past 18 months, you’ve probably seen this:

And that’s great and all, but I’m ready to move on. I’ve been working on a lot of things in the past 18 months, such as DevLifts, Gun Noob, HODL Daily, rafl, and more. I want my site to reflect my latest projects and interests.

Plus, I’d really like to nerd out on this next iteration so I can learn new things. And since I’m currently job searching at the time of this post, I figured there wasn’t a better way to demonstrate skills than going full nerd on my own site.

I get a ton of questions about headless WordPress, so those of you who have been following my posts about that will be happy to know that I’ll be blogging about everything as I progress on revamping my site.

I’ve spun up this WordPress site and am just using the default Twenty Seventeen theme since I don’t have a design yet. I wanted to go ahead and begin posting about each decision, so I decided to go ahead and trash my old site and spin this one up.

I have a meeting with my designer tomorrow to start making headway on that front. Today, I’m working on some of the information architecture as well as my tech stack and architecture.

In the meantime, if you are interested in working together, please email me.


Here’s what I’m currently considering:

Server

Currently on WP Engine, but considering spinning up a Digital Ocean droplet just to have fine grained control over everything since I’m going with a decoupled architecture.

Backend

WordPress API with GraphQL. I’d also like to spin up a Node server for server side rendering, which I haven’t learned yet.

Frontend

React with Redux. Or maybe Next.js?

Other

I’d like to have some sort of CI/CD, just to learn. I’m looking at maybe using CodeShip. What would you recommend?

After all that, I may also go ahead and create a React Native app to manage my content and such, just for kicks.


Open to recommendations!

If you at any time have a question or want to reach out, I’m pretty active on Twitter and LinkedIn!

—J

P.S. If you’re looking for some specific content of mine from my old site, here’s a few links: