palexs

The New React Native Architecture

First announced in 2018, the React Native re-architecture is a massive effort Facebook has been undertaking to address some of the long-standing issues¹.

"What do you dislike about React Native?" / "What do you dislike about React Native?" (June 2019 Edition)

---

Current Architecture

Footnotes

1. ↩

palexs

CURRENT CACHING LAYER

magnetFetch (src/lib/magnetFetch/magnetFetch.js)

Data is cached when the request is a GET and when any max-age is provided.

• GET is reading a server resource; other requests are for modification. The expectation for the app is that a modification should fail if it can't hit the server, and that it should always know when a modification fails. Therefore cached data is not appropriate for non GET requests.
• when max-age == 0 it means that the response is valid for offline mode,

palexs

Streams are a way to get data from one place in our app to another.

*** DART FUNCTION PARAMS ***

void test1({ int one, String two: 'default' }) {
  print(one);
  print(two);
}

void test2(int main, { int one }) {

palexs

• Remove all local branches except for master:

git branch | grep -v “master” | xargs git branch -D

• Remove all remote (origin) branches except for master and HEAD:

git branch -r | grep origin/ | grep -v 'master$' | grep -v HEAD| cut -d/ -f2 | while read line; do git push origin :$line; done;

palexs

import React, { Component } from 'react';
import { View, StyleSheet, ScrollView, Dimensions } from 'react-native';

const { width } = Dimensions.get('window');

export default class App extends Component {
  
  componentDidMount() {
		setTimeout(() => {this.scrollView.scrollTo({x: -30}) }, 100) // scroll view initial position fix
	}

palexs

1. Provisioning the Development Environment

brew install node
npm install -g ethereumjs-testrpc

package.json:
{