electron-typescript-react-quick-start - A minimal starter kit for Electron and React, using Typescript and Systemjs

  •        85

This is a very minimal setup to start writing Electron applications which use Typescript and React. The aim of this project is to use the smallest number of dependencies possible (which is probably not the ideal final set up), so to be able to focus on the most important bits and not waste time understanding something you don't really need at the moment.

https://github.com/claudioc/electron-typescript-react-quick-start

Dependencies:

react : ^15.0.2
react-dom : ^15.0.2
systemjs : ^0.19.27

Tags
Implementation
License
Platform

   




Related Projects

electron-quick-start - Clone to try a simple Electron app

  •    Javascript

Clone and run for a quick way to see Electron in action. This is a minimal Electron application based on the Quick Start Guide within the Electron documentation.

fiddle - 🚀 The easiest way to get started with Electron

  •    TypeScript

Electron Fiddle lets you create and play with small Electron experiments. It greets you with a quick-start template after opening – change a few things, choose the version of Electron you want to run it with, and play around. Then, save your Fiddle either as a GitHub Gist or to a local folder. Once pushed to GitHub, anyone can quickly try your Fiddle out by just entering it in the address bar. Try Electron without installing any dependencies: Fiddle includes everything you'll need to explore the platform. It also includes examples for every API available in Electron, so if you want to quickly see what a BrowserView is or how the desktopCapturer works, Fiddle has got you covered.

react-native-template-typescript - 👾 Clean and minimalist React Native template for a quick start with TypeScript

  •    Objective-C

Clean and minimalist React Native template for a quick start with TypeScript. You may need to remove the globally installed react-native-cli (npm uninstall -g react-native-cli), for the above command to work. The global react-native-cli is deprecated, and no longer supported.

electron-es6-react - Minimal demonstration how to use React and ES6 with Electron.

  •    Javascript

A simple boilerplate app to demonstrate how to use ES6 and React with Electron. It uses Babel to automatically transpile ES6 and JSX code, without depending on any package manager besides npm. The Node and Electron binaries both take a parameter -r that automatically requires a module before the rest of the code. The npm start script is modified using this, which registers Babel and loads the entry point main.js.

react-ionize - A React renderer for building your entire Electron app

  •    Javascript

react-ionize is a library which lets you build the "non-browser" parts of an Electron app using React components to manage your application's state. Electron applications consist of two types of process: a main process which manages the lifecycle of the application, and several renderer processes, which display webpages which comprise the application's GUI. While it's fairly common to use React and ReactDOM to build an HTML/CSS/JS interface in the renderer process, react-ionize runs in the main process, managing things like window size/position, menu contents, and application-wide events.


electron-react-redux-boilerplate - A minimal boilerplate to get started with Electron, React and Redux

  •    Javascript

A minimal boilerplate to get started with Electron, React and Redux.Modify electron-builder.yml to edit package info.

react-translate-component - A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content

  •    Javascript

Translate is a component for React that utilizes the Counterpart module and the Interpolate component to provide multi-lingual/localized text content. It allows switching locales without a page reload. Here is a quick-start tutorial to get you up and running with Translate. It's a step-by-step guide on how to build a simple app that uses the Translate component from scratch. We assume you have recent versions of Node.js and npm installed.

electron-boilerplate - Boilerplate to kickstart creating an app with Electron

  •    Javascript

See awesome-electron for more useful Electron resources.⚛ Learn React in just a couple of afternoons with this awesome React course by Wes Bos Try his free JavaScript 30 course for a taste of what to expect and check out his Node.js, ES6, React, Sublime courses.

react-redux-typescript-jspm-starter - Futuristic, bundle-free, development environment for building Component-Driven SPA with React, Redux and TypeScript - powered by JSPM (SystemJS & Rollup with tree-shaking)

  •    TypeScript

No module bundling during development, instead loading source files (.ts/.tsx) directly in the browser (using plugin-typescript). Type-checking is disabled for speed and delegated to another process. Enable strictNullChecks with noImplicitAny (compiler flags), to get Non-nullable Types (v2.0) and Smarter Type Inference (v2.1) (Source) which greatly increase your TypeScript experience.

Manta - 🎉 Flexible invoicing desktop app with beautiful & customizable templates.

  •    Javascript

A desktop application for creating invoices with beautiful and customizable templates. If you're interested in translating Manta, please see the detailed instruction here. The following languages are currently being translated, if you would like to Manta to support another language, please submit your request here.

office-ui-fabric-react - React components for building experiences for Office and Office 365.

  •    TypeScript

Fabric React is a responsive, mobile-first collection of robust components designed to make it quick and simple for you to create web experiences using the Office Design Language.Here is a step by step tutorial on how to build a simple React app with an Office UI Fabric React component.

Nocturn - Multi-platform Twitter Client built with React, Redux and Electron

  •    Javascript

Multi-platform Twitter Client built with React, Redux and Electron. For all platforms, you can download an archive from following link.

weweChat - 💬 Unofficial WeChat client built with React, MobX and Electron.

  •    Javascript

Unofficial WeChat client built with React, MobX and Electron. Web API can not create room and invite members to room since 2018.

react-keydown - Lightweight keydown wrapper for React components

  •    Javascript

Use react-keydown as a higher-order component or decorator to pass keydown events to the wrapped component, or call methods directly via designated keys. Good for implementing keyboard navigation or other shortcuts. Consult the API & Reference Documentation or continue reading below for quick start.

upterm - A terminal emulator for the 21st century.

  •    TypeScript

Upterm (formerly Black Screen) is an IDE in the world of terminals. Strictly speaking, it's both a terminal emulator and an interactive shell based on Electron. Upterm shows the autocompletion box as you type and tries to be smart about what to suggest. Often you can find useful additional information on the right side of the autocompletion, e.g. expanded alias value, command descriptions, value of the previous directory (cd -), etc.

plugin-typescript - TypeScript loader for SystemJS

  •    TypeScript

A plugin for SystemJS which enables you to System.import TypeScript files directly. The files are transpiled in the browser and compilation errors written to the console. Starting with JSPM 0.17.0 (currently in beta) this plugin will be the officially supported mechanism for transpiling TypeScript. It provides the ability to transpile TypeScript and ES2015+ files on the fly when then are loaded by SystemJS.

simplenote-electron - A Simplenote React app packaged in Electron

  •    Javascript

A Simplenote React client packaged in Electron. Learn more about Simplenote at Simplenote.com.Note: Simplenote API features such as sharing and publishing will not work with development builds.

generator-electron - Scaffold out an Electron app boilerplate

  •    Javascript

Support my open-source work by buying this awesome video course: Learn Node.js 🚀 by Wes Bos Try his free JavaScript 30 course for a taste of what to expect & check out his ES6, React, Sublime courses.See awesome-electron for more useful Electron resources.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.