Posted on

How to Build a CRUD Application Using React and Django

In this tutorial, we are going to build a CRUD application for storing books with React and Django. CRUD stands for Create, Read, Update and Delete, so basically this app would work like a library shelf where we can take a look at each book data being able to modify as we want or need.

Technologies Used

For this application, we will be using two very popular solutions for building user interfaces and APIs. The user interface of the application will be built using React – prior knowledge of React is not required for this tutorial.

Posted on

Building Applications With The Vue 3 Composition API

With the imminent release of Vue 3, this is a great time to build an app with the new Vue 3 Composition API. While this change in how you can build components is one of Vue 3’s biggest features, here are some other key benefits of this version:

  • Smaller and faster.
  • Improved TypeScript support.    
  • Exposes lower-level APIs.   
  • Apps will be more maintainable. 
Let’s get back to the Composition API by building a simple TODO application. Look at the blocks below for a high-level difference between a component written with the Composition API, and the older Options API. We’ll dive into additional details as we build the application.

Options API with Vue 2

Posted on

Create a Simple Shopping Cart Using React and Node

Web development has never been more exciting than now, with the introduction of new technologies and techniques, thanks to the dynamism and evolution of JavaScript. Now a web application can be configured using only JavaScript. This is made possible through the introduction of Node.js, which can be used on the server-side to manage data, and also the creation of several JavaScript frameworks, such as React.js, Angular, and Vue.js, which manage and control the client-side of the application.

In this article, we will be learning how to build a simple shopping cart app, using React.js as the front-end framework, and a backend server built using Node.js and Express.js.

Posted on

Full-Stack Vue App With Node, Express, and MongoDB

Much of application development, including web applications, has to do with CRUD – creating, reading, updating, and deleting data. Today, we will be building a full stack Vue note-taking application and showing you how to perform the aforementioned processes, using Node.js running the Express.js framework for the backend, and MongoDB to store our data.

Below is a preview of the application we will be building: