Building a Video Converter App with Node.js, Express and React

In this tutorial, I’ll show you how to build a video encoder with Node.js. We will use express.js on the backend to run a web server, multer for uploading files and socket.io for broadcasting real-time encoding progress to the user. Continue reading “Building a Video Converter App with Node.js, Express and React”

Building a Snipping Tool with Electron, React and Node.js

Modern web browsers allow us to access connected media devices like microphones, cameras, and screens through MediaDevices interface. Since Electron uses chromium and Nodejs, MediaDevices devices API is supported out of the box. Continue reading “Building a Snipping Tool with Electron, React and Node.js”

Building an Image Gallery with Laravel and React

Today we are building an image gallery with Laravel and React. We are going to use react-dropzone to build an image uploader. react-dropzone is a  React’s implementation of popular drag and drop library for file uploading. On the backend, we are going to use Laravel’s Storage API to store images.  Continue reading “Building an Image Gallery with Laravel and React”

Building Hacker News Desktop App with React and Electron

The story of Electron begins with Github’s open source code editor Atom. The goal was to build a desktop application with web technology. Github started looking for the right tool to build it. Continue reading “Building Hacker News Desktop App with React and Electron”

Building a Cryptocurrency App using React, React Router v4 and Laravel

Previous versions of React Router used a static routing approach for building single page applications where you would define a route to render a component against it after it matches the specified URL. Continue reading “Building a Cryptocurrency App using React, React Router v4 and Laravel”

Extracting CSS from React Components with Laravel Mix

By default, fresh Laravel installation comes with Vue scaffolding which provides you with a quick starting point for writing your Vue components and easily compiles them into a single browser ready JavaScript file. Continue reading “Extracting CSS from React Components with Laravel Mix”