r/reactjs • • 17h ago

Resource Electron React App (v13) - Desktop App Starter Kit

Thumbnail
github.com
0 Upvotes

Introducing a latest update (v13) of the modern Electron starter kit with React, Vite and TypeScript, built around electron-conveyor for type-safe IPC and a smoother dev experience.

Features

  • πŸš€ Electron - Cross-platform desktop apps for Windows, macOS and Linux
  • βš›οΈ React - Component-based UI library
  • πŸ“¦ TypeScript - Type-safe JavaScript across main, preload and renderer
  • 🎨 Shadcn UI - Beautiful and accessible components on Radix
  • 🌊 TailwindCSS - Utility-first CSS framework
  • ⚑ Electron Vite - Lightning-fast build tool, powered by Vite
  • πŸ› οΈ Electron Builder - Packaging for Windows, macOS and Linux
  • πŸ”Œ Electron Conveyor - Type-safe IPC, queries, commands, streams and events via electron-conveyor
  • πŸ”„ Cross-window state - Stores owned by main, synced live to every window, with opt-in persistence
  • πŸͺŸ Custom window shell - Themed frame, titlebar and menus with keyboard shortcuts
  • πŸŒ— Dark/Light mode - Built-in theme switching
  • πŸ”₯ Fast HMR - Instant renderer updates, and main and preload restart on save
  • πŸ›‘οΈ Error boundary - Catches render errors with detailed reporting
  • πŸ“ Clean project structure - Separation of main, preload and renderer processes
  • 🧩 Path aliases - Keeps your code organized
  • πŸ“ Resources protocol - Load local resources from the renderer via res://
  • 🧹 ESLint & Prettier - Preconfigured for consistent code
  • 🐞 VS Code debugging - Launch configs for both main and renderer
  • πŸ§ͺ Demo branch - Interactive playground of every conveyor IPC primitive, while main stays minimal

Github Repository:
https://github.com/guasam/electron-react-app


r/reactjs • • 18h ago

How should I classify this type of React frontend test?

8 Upvotes

I'm working on a React frontend application with a form where some fields are enabled, disabled, shown, or hidden depending on user selections.

The test renders the component, simulates user interactions, and verifies that the form updates correctly (for example, a field becomes enabled only under specific conditions).

How should this type of test be classified?

  • Unit test
  • Component test
  • Integration test
  • Functional test

r/reactjs • • 20h ago

Built a tiny headless hook for drag-and-drop reorder on virtualized tables (dnd-kit + TanStack Virtual)

Thumbnail
2 Upvotes