Tutorials

Tutorials on various code, design, and marketing topics.

  • In a world of single-page apps (SPAs) that are rendered by the browser, it is hard to consider building any other way; you get a lot of benefits such as performance of almost instant-loading pages. However, there are still good use cases for building traditional server-rendered websites such as those powered by a CMS (content management system) like WordPress. We recently redesigned ninjality.com, and we chose to use October CMS to help with managing content such as this article. Choosing a CMS doesn't mean that you have to give up on the benefits of SPAs, so I want to show how we used the Turbolinks library to make our site feel like it was built in a modern JavaScript framework.

  • In the fourth part of this series, we learned about the last fundamental concept that is known as lifecycle methods. I want to close things off by discussing various other concepts and tools that are useful in advancing our knowledge in the React ecosystem.

  • In the third part of this series, we learned about props and PropTypes in React. I now want to get into the last fundamental concept of React and that is lifecycle methods. We technically already have used one of these methods, getInitialState, but there are many others that you can use to build useful components.

  • In the second part of this series, we got into writing actual React code. At this point, you are (hopefully) familiar with JSX, setting up an environment with Enclave, creating new components, and rendering your app. In this part, let's expand our knowledge of components with props.

  • Starting a custom self-hosted blog isn’t hard, and for many is a way to jump into coding. We’ve been blogging for years on this site and a dozen of other sites, and we’ve used almost all of the popular blogging content management system (CMS). I also personally make a living off of blogging for Ninjality and other outlets so that I would call myself a blogging expert. I often get asked how someone could get started blogging, and how easy is it. The answer is in two parts. The first part is setting up a blog and having it designed easily. The hard part is the blogging - you’ll often write to yourself and growing your audience isn’t easy. This isn’t to say you cannot make it blogging, but in fact, there are hundreds of pro-bloggers.

  • Facebook Instant Articles are stripped down version of your blog hosted on Facebook’s servers. The pages load *instantly’ *and have minimal branding from your site. While many publishers argue the Instant Articles are bad for publishers, they have higher engagement and read time than a standard web page. We'll help you set up Facebook Instant Articles on your WordPress install.

  • In the first part of this tutorial series, I explained why you would want to use React and the concepts of components and state. If you are unfamiliar with these concepts, I highly recommend for you to read that article. In this second part, I want to get into the fun stuff—writing code.

  • This article is the first part in a series of tutorials that I will be writing about ReactJS. I am in the process of learning React and I think it would be valuable for you to join me on this journey as I explain things from a lower point of view. In this part, I will focus on the concepts of React and show what writing this code would look like. In the next part I will get into setting up an actual project.