DEV Community: ochieng seth

Seekbar for tv-os

ochieng seth — Thu, 28 Mar 2024 06:57:49 +0000

Has anyone built a seekbar that works with react native tvos so the remote can skip forward on the slider. I know that there isn't a right and left arrow listener and only select, but if someone has accomplished this, what did you do?

security camera- react native

ochieng seth — Fri, 28 Apr 2023 07:01:17 +0000

How can i connect to a security camera with wifi or bluetooth capabilities using react native?

Build a Tv app

ochieng seth — Mon, 26 Sep 2022 12:56:49 +0000

Using react native.

create a project with npx react-native init AppName
add tv support package for react native with npm i react-native@npm:react-native-tvos From this point, your app is ready to go. Bonus is to use the following library to easily manage navigation and focus. Norigin-Spatial-Navigation

Apache won't start

ochieng seth — Mon, 18 Jul 2022 09:37:33 +0000

This happened on my mac whenever i would try to start apache with

sudo /Applications/XAMPP/xamppfiles/xampp startapache

the result would be Another web server is already running.

Solution is to stop the built in apache server of OSX with

sudo launchctl unload -w /System/Library/LaunchDaemons/org.apache.httpd.plist

then try to start apache again

How to bind a function from an ObservableObject in swiftui

ochieng seth — Wed, 15 Jun 2022 07:08:17 +0000

my class contains a function,

class UserModel: ObservableObject {

  func fetchUser(){
    // code
  }
}

i call this class in a struct

struct UserView: View {
  @StateObject var userModel = UserModel()
  @State var loading: Bool = false

  var body: some View {
    ButtonComponent(loading: $loading)
  }
}

I would like to access the class in ButtonComponent just like i did with the loading variable by binding it.
The ButtonComponent is like this..

struct ButtonComponent: View {
  @Binding var loading: Bool

  var body: some View {
    Button(action: {loading.toggle()}){
      Text("Submit Button")
    }
  }
}

Help on how to achieve this is appreciated

Error: Multipart: Boundary not found

ochieng seth — Sat, 02 Apr 2022 10:04:38 +0000

I got this when uploading files to my nodejs API from my react and react-native apps and the problem was with my axios version. i was running the latest at the time which is 0.25.0 so i had to downgrade to 0.21.4.
first uninstall axios

npm uninstall axios

then install version 0.21.4 or any other version that you have used before that works without getting this error. in my case it was version 0.21.4

npm install axios@0.21.4

Hope it works for you

security tip for your website

ochieng seth — Thu, 03 Mar 2022 14:37:40 +0000

Attackers can easily exploit your web app if they know the version of the server you are running and most web servers like nginx transmit this data by default😳. Let's try the following line of code in any terminal to get your domain's server info.

curl --head yourdomain.com

My result looks like so..

HTTP/1.1 301 Moved Permanently
Server: nginx/<SERVER_VERSION>(<OPERATING_SYSTEM>)
Date: Thu, 03 Mar 2022 13:46:14 GMT
Content-Type: text/html
Content-Length: 162
Connection: keep-alive
Location: https://jast-tech.com/

you might be using apache, no worries i gat you😌

Our simple task now is to hide the <SERVER_VERSION>

FOR NGINX edit the nginx configuration file

nano /etc/nginx/nginx.conf

Under the #HTTP Options line and before the ## line, add the following

server_tokens off;

save changes with ctrl + x and we are done😜
restart your server with sudo systemctl restart nginx and you can try curl --head yourdomain.com to get your server version.

2.FOR APACHE
edit the apache configuration file

nano /etc/httpd/httpd.conf

change ServerTokens Prod and ServerSignature Off
now one more step, look for

<Location "/server-status">
    SetHandler server-status
</Location>

and change it to

<Location "/server-status">
    SetHandler server-status
    Order deny,allow
    Deny from all
</Location>

😛We are done, just restart your server with sudo service apache2 restart
Enjoy. 👋🏿

How to run a react-native app on a real device using terminal

ochieng seth — Thu, 10 Feb 2022 07:47:06 +0000

👋🏿Jambo folks,
Constantly opening Xcode to build your app on a real device is a pain, open your terminal and lets' dive right in.

Step 1

For whatever weird reason you don't have it yet, install homebrew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Step 2

install ios-deploy

brew install ios-deploy

now what you have been waiting for 😛

connect your device via usb (of-course) then in terminal,

ios-deploy -c

The result will be

Found 7875****************** (D20AP, <iphone version>, iphoneos, arm64, 1543) a.k.a. '<device name>' connected through USB.

copy the 7875******************
now lets build the app with

npx react-native run-ios --udid 7875******************

Hope it helps😊

openssl/opensslv.h file not found

ochieng seth — Fri, 03 Dec 2021 15:43:44 +0000

Whenever i initialize a react native project and run it for the first time, i always get the above error and my fix to this is

comment out use_flipper!() in your podfile located in ios/ directory

# use_flipper!()

delete this file -> podfile.lock
delete Pods folder
run pod install in terminal after navigating to the ios folder of your project. Then navigate back to the root of your project and try to build again. Hope this helps

error: bundling failed: TypeError: Cannot read property 'transformFile' of undefined

ochieng seth — Wed, 01 Dec 2021 12:40:31 +0000

I got this error when trying to build my react native app after doing installs of node and npm. My machine was running nodejs v17(currently latest) and this was the issue.
The solution is to uninstall nodejs, then download and install a lower version and for my case i installed nodejs v16.13.0 which solved the error.
Hope this helps you,
Happy coding

No bundle url present.. after building a production build react native

ochieng seth — Fri, 26 Nov 2021 19:32:30 +0000

In your info.plist(cd ios/app name/info.plist), change this code

<key>NSAppTransportSecurity</key>
  <dict>
  <key>NSExceptionDomains</key>
  <dict>

to this

<key>NSAppTransportSecurity</key>
  <dict>
    <key>NSExceptionDomains</key>
  <dict>
        <key>localhost</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
  </dict>

Also you might wanna clean your build, in Xcode you can use shortcut keys.. shift + command + k or click product from top menu then clean build folder in the dropdown

iOS clang: error: linker command failed with exit code 1 (use -v to see invocation)

ochieng seth — Tue, 23 Nov 2021 08:41:47 +0000

Here is what I did after spending 2 days trying to fix this.

Clean the Build

Menu Bar → Product → Clean

Delete Derived Data
Delete Xcode Preferences
in terminal

defaults delete com.apple.dt.Xcode
make sure your build setting are on new build setting instead of legacy build setting.
I can't be sure what worked exactly and what happened in the background, but it worked for me.