OrionReed

// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
  const SHOW_SIDES = false; // color sides of DOM nodes?
  const COLOR_SURFACE = true; // color tops of DOM nodes?
  const COLOR_RANDOM = false; // randomise color?
  const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
  const MAX_ROTATION = 180; // set to 360 to rotate all the way round
  const THICKNESS = 20; // thickness of layers
  const DISTANCE = 10000; // ¯\\_(ツ)_/¯

tanner-west

import { StatusBar } from "expo-status-bar";
import React, { useState } from "react";
import {
  FlatList,
  View,
  Text,
  Image,
  StyleSheet,
  SafeAreaView,
  useWindowDimensions,

shirakaba

Creating an Expo app in 2023

12th July, 2023. I'm going to try creating an iOS app called Paranovel, using Expo. My environment for mobile app dev (Xcode, Ruby, etc.) should be in reasonably good shape already as I frequently develop with React Native and NativeScript.

Creating the app

Go to https://docs.expo.dev, and see the Quick Start: npx create-expo-app paranovel

This runs with no problem, then I get this macOS system popup:

axeldelafosse

import puppeteer from 'puppeteer-extra';
import StealthPlugin from 'puppeteer-extra-plugin-stealth';

async function scrapeGooglePlayCookies() {
  console.log('Scraping Google Play cookies...');

  const browser = await puppeteer.use(StealthPlugin()).launch({
    headless: false,
    executablePath: process.env.PUPPETEER_EXEC_PATH,
    args: [

axeldelafosse

// DEPRECATED

const {
  withDangerousMod,
  WarningAggregator,
  AndroidConfig,
  withAppBuildGradle,
} = require("@expo/config-plugins");
const path = require("path");
const fs = require("fs");

xeoncross

A demo "counter" + async application (codesandbox) is provided for each of the following four state libraries. The Zustand codesandbox includes three versions: vanila, immer, and redux-like

Redux Toolkit

• https://codesandbox.io/s/github/reduxjs/redux-essentials-counter-example/tree/master/?from-embed
• https://redux-toolkit.js.org/tutorials/quick-start
• https://redux.js.org/usage/writing-tests

OpenAPI

RTK Query has a (currently experimental) code-gen tool that will take an OpenAPI spec or GraphQL schema and give you a typed API client, as well as provide methods for enhancing the generated client after the fact.

• https://redux-toolkit.js.org/rtk-query/comparison

marklawlor

const path = require("path");
const { withUnimodules } = require("@expo/webpack-config/addons");

module.exports = {
  stories: ["../src/**/*.stories.@(ts|tsx|js|jsx)"],
  webpackFinal: async (config) => {
    return withUnimodules(
      config,
      {
        projectRoot: path.resolve(__dirname, "../"),

vcapretz

import React from "react";
import Animated, {
  useSharedValue,
  withSpring,
  useAnimatedStyle,
  Extrapolate,
  interpolate,
} from "react-native-reanimated";
import { Pressable, View, Button, StyleSheet } from "react-native";
import { MaterialCommunityIcons } from "@expo/vector-icons";

YonatanKra

name: Test, Build and Deploy

on:
  pull_request:
    types: [closed]

jobs:
  build-test-release:
    if: github.event.action == 'closed' && github.event.pull_request.merged == true
    runs-on: ubuntu-latest

movibe

Get the details to connect to your Nexus-managed npm repository

Note: Nexus group repositories (good example in this StackOverflow question) are out of this tutorial's scope. In any case, deployment to group repositories is currently still an open issue for Nexus 3 (and not intended ever to be implemented in Nexus 2). Thus, it is assumed that we'll push & pull to/from the same repository, and ignore the idea of groups hereon in.

1. Ask your sysadmin for a username & password allowing you to log into your organistation's Nexus Repository Manager.

2. Test the login credentials on the Nexus Repository manager at: http://localhost:8081/nexus/#view-repositories (localhost in our case is replaced by a static IP, and can only be connected to over VPN). If your organisation requires a VPN to connect to it, connect to that VPN before proceeding with this tutori