In previous chapters of this series, we considered a couple of concepts useful for developing modern web applications with Laravel and Vue. In this final part, we are going to combine all the concepts from the previous parts into building a Trello clone using Laravel and Vue. Here is a screen recording of what the […]

If you are not new to software programming, you must have heard of MVC. MVC is a software architecture pattern and it stands for Model View Controller. In this article, we will discuss MVC, and how the Laravel framework implements MVC architecture. By the end, you will have some knowledge of MVC and how Laravel […]

Before React 16, errors emitted from a component’s rendering proved hard to handle. This caused cryptic errors in the console as well as unexpected behaviors in the user’s experience. These kinds of render-based errors cannot be caught since React components are declarative. Hence, you can’t just throw in a try…catch block inside a component. Error […]

In the last chapter, we talked about how you can create API endpoints in a Laravel application. We also explored how you can take it a step further by integrating tests into the application. In this chapter, we are going to change our point of view, slightly overused pun intended, and look at how we […]

This post is a practical approach to the concept of code splitting in frontend apps with React. We will learn why the code splitting concept exists, its advantages and how you can employ the concept in your React apps. We will also compare scenarios where splitting was employed and where it wasn’t so as to […]

Developers transitioning from React to Vue don’t have the best experience with tooling or are rather overwhelmed by the scaffold process. React has create-react-app which could setup a full-blown project for you while concealing the internal tooling logics (webpack, Babel, etc). Vue has a Command Line Interface (CLI) tool too but it’s not as intuitive […]

In the last chapter, we looked at how to make RESTful API Endpoints. The next thing we will consider is how to test the application’s endpoints before releasing it for public consumption. This is useful because it makes sure that throughout the lifetime of the application, you can be sure that the API works as […]

In my last tutorial, we saw how to get started with GraphQL in a Laravel application. Today, we’ll be diving deeper into working with GraphQL and Laravel by building an API with GraphQL and Laravel. This will cover things like authentication, querying nested resources and eager loading related models. Prerequisites This tutorial assumes the following: […]

Server rendering is a term that describes the process of rendering all or some of your client content on your server as well. It has some advantages which we will discuss. Server rendering is one of the trickiest assignments we get as developers working with UI libraries and frameworks. React being a UI library is […]

With constantly emerging technologies and tools, developers often times wonder “why do we need this? What’s the advantage of this new tool? Does it solve a bigger problem” etc. Just like in this StackOverFlow question below: This developer is mostly concerned about why he needs async/await when he could achieve the same fit with Promises, […]

In the last chapter, we looked at how to successfully set up a development environment preparing us for PHP Development. Through the rest of the series, we will be building a simple “Trello Clone”. In this chapter, we will take a closer look at how setting up out application “RESTully” will play a role in […]

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. – Webpack homepage Webpack 4, codename Legato, was released on the 25th of February, and the new release offers new features […]