firstChairCoder

//@ts-nocheck
import Constants, {AppOwnership} from 'expo-constants';
import {Image} from 'react-native';

let ImageElement = Image;
function init() {
  // https://docs.expo.dev/versions/latest/sdk/constants/
  // AppOwnership.Expo - The experience is running inside of the Expo Go app.
  if (Constants.appOwnership !== AppOwnership.Expo) {
    import('react-native-fast-image').then((FastImage) => {

firstChairCoder

import React, { useState } from "react";
import { Dimensions, View, Text, Switch } from "react-native";

const { height, width } = Dimensions.get("window");
export default function App() {
  const [isEnabled, setIsEnabled] = useState(false);
  const toggleSwitch = () => setIsEnabled((previousState) => !previousState);

  return (
    <View

firstChairCoder

Here are 15 open source codebases in a self-designated 3 level system.

But first... Google JavaScript Style Guide

Level 1️⃣

1. react-native-typescript-examples
2. Neumorphic-Weather-App
3. Photo-Studio
4. solar-weather

firstChairCoder

//home.css
:root{
    
    --HeaderTop:#734610;
    --HeaderBottom:#A67233;
    --Background:#F0F0F0;
    --Lines:#734610;
    --VerticalLine:#D70000;

    --Card:rgb(240,240,240,0.9);    

firstChairCoder

People

:bowtie:	😄 :smile:	😆 :laughing:
😊 :blush:	😃 :smiley:	☺️ :relaxed:
😏 :smirk:	😍 :heart_eyes:	😘 :kissing_heart:
😚 :kissing_closed_eyes:	😳 :flushed:	😌 :relieved:
😆 :satisfied:	😁 :grin:	😉 :wink:
😜 :stuck_out_tongue_winking_eye:	😝 :stuck_out_tongue_closed_eyes:	😀 :grinning:
😗 :kissing:	😙 :kissing_smiling_eyes:	😛 :stuck_out_tongue:

firstChairCoder

import { DependencyList, useMemo } from "react";
import {
  ImageStyle,
  RegisteredStyle,
  StyleProp,
  StyleSheet,
  TextStyle,
  ViewStyle,
} from "react-native";

firstChairCoder

Topics

These have been grouped into a number of sections as it relates to React Native

• Mobile best practices on both iOS and Android
• The new wax on, wax off - Read more source code.
• Taking mobile apps from concept to production.
• Resolving git merge conflicts and other concepts from Oh shit, Git et al.
• Optimizing animations.
• Redux egghead notes summary.
• On GitHub READmes.

firstChairCoder

1. What is the InteractionManager and how is it used? Why is it important?

2. Which node_modules will run in React Native? How can we test for this?

3. What is wrong with this code for querying a native API?

class Gyros {
  setGyroPosition(pos) {
 if (pos=== null || typeof pos === "undefined") {

firstChairCoder

/* eslint-disable react-native/no-inline-styles */
/* eslint-disable no-shadow */
import React, { useState, useMemo } from "react";
import { StatusBar, Pressable, View, StyleSheet } from "react-native";
import Constants from "expo-constants";
import { Feather } from "@expo/vector-icons";
import { MotiView, MotiText } from "moti";

const _activeColor = "#80D15A";
const _inactiveColor = "#BBC0D5";

firstChairCoder

Git

Global Settings

• Related Setup: https://gist.github.com/hofmannsven/6814278
• Related Pro Tips: https://ochronus.com/git-tips-from-the-trenches/
• Interactive Beginners Tutorial: http://try.github.io/
• Git Cheatsheet by GitHub: https://services.github.com/on-demand/downloads/github-git-cheat-sheet/

Reminder

Press minus + shift + s and return to chop/fold long lines!