Hi 🙋♂️, You are here because you have been looking for a solution to detect a Route Change of your SPA. So how would you detect that the page has been changed? Since there is no navigation as well as no event for the URL change in the spa, we need to come up with our own solution, implement our own Logic.
The first thing we can do is to setInterval, which will check for the prev and current URL changes after a certain interval. A Classic way to do it. …
Lately, I have been working with eCommerce Mobile applications to treat Shopify and woo-commerce as a headless CMS. Display Projects and the ability to add to Cart and to checkout to place a successful order.
After completing the Cart, the only problem I had was making a similar checkout system that both Shopify and WordPress support. After a couple of research hours, I decided to use web view and handle checkout steps directly from the website.
Now you need to understand 2 things, there is no way of doing it the easy way, like there is no one-click installer creator in electron that you can use, that cover all the 100% of the cases for you, some will expose your app source, or you will end up have a gigantic size of package app and will end up having your whole project including node module in the app source code, that is not what I want.
So how we do it, 2 steps for each platform, and I am going to share my journey of windows…
It’s 2020, and for React state management, people usually go with either Redux or Context. Redux is usually being used for large applications, and Context API is mostly used for the smaller applications because of the structuring of the project.
I personally believe that state management is still a huge mess because no matter what you do, as your project Grows no matter what you used, it will become difficult to manage state and the project structure overall. …
Foreground service is a kind of service in Android that has a notification that can not be removed until the foreground service is closed, and because of this, you can run a background task with the help of headless JS.
A common use case will be when an app is tracking a user’s location. So with the help of the Headless.js and foreground service, you can keep track of the user’s location even he has killed his app from the recent tasks, of course, if permission is given.
Do these steps carefully. 👇
So before the closing tag of…
The project need contributor, those who are willing to contribute and comment below
WOOSHOP was planned as a project for the portfolio, and I started this project almost 2 years ago, after I completed a project for my company called DFM which over react native, I wanted a project that I can show to the world since DFM project was more like an in-house app for the company and their members.
I got the inspiration when I was getting all these cool news about what is graphQL and how great it is. I was into it, I started learning graphQL…
Fortunately, this can be done by preload; a Preload is one of the parameters of Webview that let you inject Whole JS file inside of a webview rendered website. The file will then have access to all the internal browser API like window and document.
You can inject a preload file like 👇
👋, Imagine you have a proxy server, and you have been asked to create a VPN Extension, how would you do it? 😎I had to a similar task and I was asked to create a simple VPN server that will be used in our office staff, and after a bit of research I was able to create, what I hate the most is very lack of supporting help guides for the beginners over the internet, this is the reason why I decided to write my own guide on how you can make a simple chromium-based browser’s extension.
Electron is an open-source software framework developed and maintained by GitHub…
Getting started with Electron and React is not easy stuff, that is the reason most people use some Starter or Boilerplate repo, and That is completely fine. But with React + Electron, most of these boilerplates are missing the configuration for setting up multiple windows routing with react.
I will be discussing how you can configure routing for a web pack based Electron and React boilerplate. I will be using basic-electron-boilerplate.
What is happening inside of this repo is whenever you will open up a new window to will open up the same react instance or if you want to…