react native dev notes

reactNotes.txt

      react

de FB e insta,

  . objetivo, experto en mobile devices!
  . un appsita en react! la de bjj!
  . empiezo con mod de app boba
  wow la muestro aqui le saco plata, y me sirve para montarme en siguiente nave!
  . entender modelo UI, modelo logica state,

. q es virtual dom
. server rendering
. descriptive warning msgs [linea  a arreglar]
. custom event

. imperative api cambio a declarative api

. declarative... es la clave!, predictable

. components [describe declarative], es la clave, separation of concerns

. immutability


26 may
  . baje "deco" el IDE
  . Haciendo hola mundos,
  . mientras tengo tareas en droide
  .
.
sigo tuto de
https://www.decoide.org/docs/react-native/getting-started.html#content

mira de tuto
como usa CLI

. despues de instalar native cli
$ npm install -g react-native-cli

$ react-native init AwesomeProject
. como lo abro en ide?, pues esto es de deco tonz tiene q entrarle!

.. instala yarn!
$ brew install yarn
$ yarn --version


29 mayo,
photoread de github docs
http://facebook.github.io/react-native/docs/getting-started.html

.. una vez instalado,
- aprende los CLI

$ react-native init AwesomeProject
$ cd AwesomeProject
$ react-native run-ios

aprendiendo a usar con deco,

. shake on ios, enable hot reload, wowchiles

Aprende,
vistas,
navegacion
sql
debug
parse

filosofia!

...
aprende a usar este debugger para redux
[chrome app](https://chrome.google.com/webstore/detail/remotedev/faicmgpfiaijcedapokpbdejaodbelph) (recommended)

See [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools) for more information

...

para droide,
. dile donde esta el ANDROID_HOME env

proj/android/local.properties
con
sdk.dir = /Users/n1120697/Library/Android/sdk



...

ya voy!

understand the basic structure of a React Native app,
you need to understand some of the basic React concepts,
. JSX,
. components,
. component lifeCycle
. state, state management
. props
. native components
. virtualDOM
. redux

. aprendo a usar ES2015

Agora,

* data that controls a component
  . props: creation parameters, set by parent
    - style:
      - fixed dimensions
      - flex dimensions
      - layout with flex: flexDirection, alignItems,  justifyContent ... + others!
      - basic widgets
      - networking

  . state: data that changes, on constructor, then whenever... state container can be used like : Redux

. ver ejercicios basicos con basic widgets

. entiendo como se hace esta monda!, publico app en react,
me ensenia a pensar!

tue 30 may
. jojo, usa redux

lee este y sigue los consejos
https://gist.github.com/rreusser/c673bb3ec5316cf3bd46a18d4777eff3

https://medium.com/startup-founder-panel/10-things-we-learned-while-building-a-react-native-app-44e22f1c06f

mira los puntos,
haz codepush

..
6 jun
. sigo, parece q sigue la vaina,
. me ofrezco a stu,
. UI functional, function of current state
. learn once - run anywhere

. q es: virtual DOM
. q es reconciliation

. aprendere CSS tambien,
. usa node directo... mh!

instala lo minimo
. https://www.raywenderlich.com/126063/react-native-tutorial

..
CLI,
empieza proj,

$ react-native init PropertyFinder

...

Notas,
poner large coment blocks fuera funciones. optimizer cuenta comentarios en tamanio funciones <600 bytes inlined...