joshuayoes

React Native Docs

I would recommend working through all the articles in the Architecture Overview, The New Architecture, Migrating to the New Architecture sections. But that is a lot of information to digest at once, so I would starting with the following articles:

1. Architecture Overview
2. Creating a New Architecture App
3. Turbo Native Modules
4. Migrating to the New Architecture

Github

aleclarson

Features

🔥 Blazing fast builds
😇 CommonJS bundle
🌲 .mjs bundle
✨ .d.ts bundle + type-checking
🧐 Source maps

Install

wokalski

type validatorData('a) = {
  value: 'a,
  isTouched: bool,
  submitted: bool,
};

type shouldDisplayError('error) = {
  error: 'error,
  isTouched: bool,
  submitted: bool,

painedpineapple

/** Developed with "downshift": "^3.4.1" */

type highlightedIndex = int;
type isOpen = bool;

[@bs.module "downshift"] [@bs.scope "useSelect"]
external stateChangeTypes: {
  .
  "MenuKeyDownArrowDown": string,
  "MenuKeyDownArrowUp": string,

wokalski

1. Create a dune file:

(library
 (public_name aggregate_ppx_name)
 (kind ppx_rewriter)
 (libraries ppx_deriving_protobuf other_ppx another_ppx))

2. Build:

dune build --profile release

jaredly

// Reason Macros!
// Use templates to write your code for you.

let%macro add5 = (input: ident, log: string) => {
  if%eval (env("node_environment") != "production") {
    Js.log(eval__input)
  };
  eval__input + 5
};

lelandrichardson

declare var __DEV__: boolean;

declare module 'react-native' {

  declare type Color = string | number;

  declare type Transform =
    { perspective: number } |
    { scale: number } |
    { scaleX: number } |

ericnograles

import React from 'react';
import { View, Text, ActivityIndicator, TouchableOpacity } from 'react-native';

export default class ButtonWithActivityIndicator extends React.Component {
  render() {
    const { buttonStyle, textStyle, label, onPress, activityIndicatorSize, activityIndicatorColor, loading } = this.props;
    return (
      <TouchableOpacity style={buttonStyle} onPress={() => {
        if (!loading) {
          return onPress();

coleturner

class CamelCaseMiddleware
  def call(parent_type, parent_object, field_definition, field_args, query_context, next_middleware)
    next_middleware.call([parent_type, parent_object, field_definition, transform_arguments(field_args), query_context])
  end

  def transform_arguments(field_args)
    transformed_args = {}
    types = {}

    field_args.each_value do |arg_value|

seantempesta

(defstate ReactNativeRouterFlux :start (js/require "react-native-router-flux"))
(defstate TabBar :start (.-TabBar @ReactNativeRouterFlux))
(defstate Actions :start (.-Actions @ReactNativeRouterFlux))
(defstate Modal :start (.-Modal @ReactNativeRouterFlux))
(defstate Reducer :start (.-Reducer @ReactNativeRouterFlux))
(defstate router :start (r/adapt-react-class (.-Router @ReactNativeRouterFlux)))
(defstate scene :start (r/adapt-react-class (.-Scene @ReactNativeRouterFlux)))

(defn reducerCreate [params]
  (let [defaultReducer (@Reducer params)]