REACT NATIVE WEB SEMANTIC

Multilanguage README

ReactNativeMinimal_LunoDev

Welcome to my project "React Native Web (Semantic, CSR, SSR, Redux)", which is "still under construction":

🔗 Click here for see this project deployed on web platform 🔗️

I'm LUNO⚛Dev (sergiodevelops) and this view shows custom components from me, which are cross-platform, compatible for both web and mobile devices (Android and iOS), which will be improved, and which can be used with Redux.js to manage the global states of your application.

Used in this project:

• Node.js (cross-platform JavaScript runtime environment)
• React & Native & Web & Navigation
• SSR & CSR (web techniques)
• Redux.js (web store)
• Java(TM) SE Runtime Environment & Android SDK (web store)
• Next.js (web framework)
Next.js vs Express.js

Express remains a robust and flexible choice for building APIs and server-side logic, while Next. js excels in React-based applications with built-in SSR and SSG support

by LUNO⚛Dev

Download and Execute this React Native Web project

Download this project

# Download by HTTPS
git clone https://github.com/sergiodevelops/ReactNativeMinimal_LunoDev.git

# Download by SSH
git clone git@github.com:sergiodevelops/ReactNativeMinimal_LunoDev.git

Install dependencies

# with YARN
yarn

# or with NPM
npm install

Run for NATIVE (Android / iOS) platforms

It can be a physical Android device or, more commonly, you can use an Android virtual device that allows you to emulate an Android device on your computer.

🔗 Running On physical Android device 🔗
🔗 Running On virtual Android (emulator) device 🔗

# with YARN
yarn native:start

# or with NPM
npm run native:start

Run for WEB platforms

by server-side rendering (SSR)

# with YARN
yarn web:ssr:start

# or with NPM
npm run web:ssr:start

by client-side rendering (CSR)

WEBPACK

# with YARN and WEBPACK
yarn web:csr:start # web server CSR (Client Side Rendering)

# or with NPM and WEBPACK
npm run web:csr:start

Next.js

# with YARN and Next.js
yarn next:dev # web server CSR (Client Side Rendering)

# or with NPM and Next.js
npm run next:dev

My additional system info Linux Ubuntu (dev environment)

node -v
# my "node.js" version 
# $ v20.11.0

npm -v
# "npm" version 
# $ 10.8.1

yarn -v
# "yarn" version 
# $ 3.6.4

# Example: "node" path
which node
# $ $HOME/.nvm/versions/node/v20.11.0/bin/node

# Example: "java" path
which java
# $ /usr/bin/java

# Example: "yarn" path
which yarn
# $ $HOME/.nvm/versions/node/v20.11.0/bin/yarn

# Example: "npm" path
which npm
# $ $HOME/.nvm/versions/node/v20.11.0/bin/npm

java --version
# $ java 17.0.11 2024-04-16 LTS
# $ Java(TM) SE Runtime Environment (build 17.0.11+7-LTS-207)
# $ Java HotSpot(TM) 64-Bit Server VM (build 17.0.11+7-LTS-207, mixed mode, sharing)

# if $ANDROID_HOME is set correctly execute:
emulator -v
# $ INFO  | Storing crashdata in: /tmp/android-sjuarez/emu-crash-34.2.15.db, detection is enabled for process: 120127
# $ INFO  | Android emulator version 34.2.15.0 (build_id 11906825) (CL:N/A)
# $ ERROR | No AVD specified. Use '@foo' or '-avd foo' to launch a virtual device named 'foo'

# with YARN
yarn react-native info

# or with NPM
npm run react-native info

$ info Fetching system and libraries information...
System:
  OS: Linux 5.15 Ubuntu 20.04.6 LTS (Focal Fossa)
  CPU: (8) x64 Intel(R) Core(TM) i7-8550U CPU @ 1.80GHz
  Memory: 4.39 GB / 15.51 GB
  Shell:
    version: 5.0.17
    path: /bin/bash
Binaries:
  Node:
    version: 20.11.0
    path: /tmp/xfs-bc5ab604/node
  Yarn:
    version: 3.6.4
    path: /tmp/xfs-bc5ab604/yarn
  npm:
    version: 10.8.1
    path: ~/.nvm/versions/node/v20.11.0/bin/npm
  Watchman:
    version: 4.9.0
    path: /usr/bin/watchman
SDKs:
  Android SDK:
    API Levels:
      - "31"
      - "33"
      - "34"
      - "35"
    Build Tools:
      - 30.0.3
      - 34.0.0
      - 35.0.0
    System Images:
      - android-33 | Google APIs Intel x86_64 Atom
      - android-35 | Google APIs Intel x86_64 Atom
    Android NDK: Not Found
IDEs:
  Android Studio: AI-241.15989.150.2411.11948838
Languages:
  Java:
    version: 17.0.11
    path: /usr/bin/javac
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.74.3
    wanted: ^0.74.2
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: Not found
  newArchEnabled: false