equivalent

• Rails 7.0.2
• stimulus js
• importmaps
• dropzone.js
• direct upload ActiveStorage

This is simple implementation of technologies in hobby project of mine built in Rails7 where I need direct upload to S3.

xquangdang

Develop React Native app with WSL and WSA

Requirement

• Windows Subsystem for Linux 2 (WSL2)
• Windows Subsystem for Android (WSA)
• NodeJS install inside WSL2

Steps

WSA

dancheskus

Traefik, как обратный прокси в Docker (пример с 2 react проектами)

В результате будет 2 react проекта на 1 сервере доступных по разным ссылкам

Цели

• Запустить traefik в одном контейнере
• Запустить другие проекты в других контейнерах
• Соединить все контейнеры в одну docker cеть
• Настроить контейнеры с проектами так, что-бы они объясняли traefik'у, какие url ведут на конкретный проект

tuantvk

import React from 'react';
import {
  View,
  Text,
  TextInput,
  Button,
  StyleSheet,
} from 'react-native';
import { Picker } from '@react-native-picker/picker';
import { useForm, Controller } from 'react-hook-form';

obie

%sl-alert.popup-toast{id: id, type: type, open: false, duration: duration, closable: true}
  %sl-icon{slot: "icon", name: icon}
  - if title.present?
    %strong= title
    %br

  = text

bergmannjg

Building a react native app in WSL2

Install, build and debug a react native app in WSL2 (Windows Subsystem for Linux) and Ubuntu.

• Install tools in Windows
• Enable mirrored networking mode in WSL2
• Install tools in WSL2
• Connect to android hardware device from Windows
• Connect to android hardware device from WSL2
• Connect to android virtual device in Windows

DubiousS

import * as humps from 'humps';

/**
 * Decamelize form data keys and values
 * @param {FormData} formData
 * @param {Object} [options]
 * @return {FormData}
 */
export const decamelizeFormDataKeys = (formData, options) => {
  const decamelizedFormData = new FormData();

lazaronixon

<%= form_with(model: billboard) do |form| %>
  <%= tag.div class: "dropzone", data: { controller: "dropzone", dropzone_param_name_value: "billboard[images][]", dropzone_url_value: rails_direct_uploads_url, dropzone_accepted_files_value: "image/*", dropzone_max_files_value: 3, dropzone_max_filesize_value: 0.300 } do %>
    <div class="dz-default dz-message flex flex-col items-center">
      <%= image_tag "upload.svg", size: 28, class: "colorize-black", aria: { hidden: true } %>
      <h5 class="font-semibold mbs-4">Drop files here or click to upload.</h5>
      <p class="text-sm text-subtle">Upload up to 10 files.</p>
    </div>
  <% end %>

  <div class="inline-flex items-center mbs-2 mie-1">

zealot128

Docx (and other Office doc) previewer support for ActiveStorage

Converts all document formats using LibreOffice first to PDF and then to an image, using build-in pdf previwer of ActiveStorage

• needs: unoconv, a command line tool which uses libreoffice, e.g. apt install unoconv
• needs a PDF converter, because libreoffice will make a pdf from the office document, Mupdf oder Poppler are already integrated into ActiveStorage, and poppler is free to use, e.g. apt install poppler-utils

edmondburnett

import axios from 'axios';

const instance = axios.create({
    baseURL: 'http://localhost:5000'
});

const sleepRequest = (milliseconds, originalRequest) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => resolve(instance(originalRequest)), milliseconds);
    });