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”
Category: ReactJS
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”
Implementing Infinite Scroll in React and Laravel
Laravel Paginator makes it a breeze to paginate database results and render them in blade views. The HTML generated by paginator is compatible with bootstrap but you can customize it according to your needs. Continue reading “Implementing Infinite Scroll in React and Laravel”
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 a Chat App with Express, React and Socket.io with GIFs Support
In this tutorial, we are building a real-time chat app with Node.js/Express backend and React/Bootstrap frontend. Continue reading “Building a Chat App with Express, React and Socket.io with GIFs Support”
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”