Heroku frontend from subdirectory

Runing react frontend(node) in heroku from subdirectory:

Logging to heroku:

$ heroku apps

$ heroku git:remote -a takai-front

$ heroku logs --tail

Using buildpack: 

https://github.com/timanovsky/subdir-heroku-buildpack

React native

$ npm install expo-cli --global

Creating new project

$ expo init my-project

Starting application

$ expo start 

React fonts documentation; google fonts

React navigation getting started; version 5

import { NavigationContainer } from '@react-navigation/native'

import { createStackNavigator } from '@react-navigation/stack'

React navigation stack 

$ npm install react-navigation-stack

Drawer

$ npm install @react-navigation/drawer

Checking for uused dependecies:

$ sudo npm install -g depcheck

Building Android
$ expo build:android -t app-bundle

Bibliotekos:
https://nativebase.io/

https://react-native-elements.github.io/react-native-elements/

https://callstack.github.io/react-native-paper/checkbox.html

https://oblador.github.io/react-native-vector-icons/ - icons

https://reactnativestarter.com/

https://www.codeinwp.com/blog/react-native-component-libraries/

Pavyzdžiai:

https://reactnativemaster.com/

Creating React, Viu.js projects

React

$ sudo apt install npx -y
$ npx create-react-app test

Install axios:
$ nmp install axios

Setup:
Visual studio code plugins:
ES7 React/Redux/GraphQL/React-Native snippets

With this tool, it's possible to access properties from console:
$r.props

Chrome plugins: 

React Developer Tools

React in web-browser:
https://codesandbox.io


Resources:

UI components: www.primefaces.org
React CRUD applicaiton tutorial
Interactive React tutorial with build in editor.
React Events

Viu.js

Chrome plugins: 

Viu Developer Tools