DEV Community: Emeka Ndefo

Websocket not working in React.Js production build

Emeka Ndefo — Mon, 04 Apr 2022 05:41:18 +0000

I created a react App which talks to a node back-end. Everything works fine in development mode. The connection between the front-end and back-end is made through websocket.

Most interesting thing is, that after doing yarn build to create the production build of the app, all the pages work fine. The only thing is that, the page that integrates connection with the back-end is returning error when I inspected it in the browser. I am using Apache Server to run the build version of the app on localhost.

I am using Apache server since python server throws errors on page refresh.

Below is the screenshot. As you can see, node server command, return the expected response from the backend app. The structure of the app is also shown; revealing the relationship between the front-end (smartschool and smartresult) and back-end (smartapi). Only the smartresult makes the request to back-end. How do I resolve this connection problem? Any help will be appreciated. Thank you.

How do I make react app bundled in electron see the images

Emeka Ndefo — Sat, 14 Dec 2019 07:50:13 +0000

I build a react app which is currently hosted on evagiantgroups.com; and works as expected. Then, I bundled in in electron, but it only works fine on first load (i.e, before react router actions is set in; any clicks on any link). Once I navigate the app, some images won't show again, just like in the photos.

I tried debug and found out the below:

on first load:
file:///C:/Users/MY_PC_NAME/AppData/Local/Programs/app-evagiantgroup/resources/app.asar/build/static/media/thumb_d2.db671513.png
on reload or navigation:
file:///C:/static/media/thumb_d2.db671513.png

Please kindly help. Thank you.

React Native App not opening

Emeka Ndefo — Tue, 27 Nov 2018 08:56:01 +0000

I made a switch to React Native this month from Angular 7. My major attraction to this fascinating framework is the fast interaction of components (powered by babel for jsx) unlike the .ts controlled HTML templates in Angular 7 which sometimes need a refresh to update the GUI. The capability of HTML in js code is the peak of this framework transition.

I hope to find the relevant help I need here.

However, I am battling with the difficulty to create apk file from my React Native project using Android Studio. I succeeded in creating a signed apk which was installed on my Techno W2 device without any error; but the app isn't opening, and has no visible launch icon too. Although it is listed in the installed apps in settings. After installing, the 'open' button is inactive.

Any help on this will be greatly appreciated, as I cannot continue my React Native development unless this is resolved. I want to be creating my apk files locally, and not using Expo services which produce huge file sizes.
Note: My React Native Project is generated by 'expo init project-name', then ejected by 'expo eject' in order to regenerate the android & iOS directories.

Thank you.