renato-rg / Electron React Webpack
Electron + React 16 + Webpack 4 template with ES6, JSX and hot reloading.
Stars: ✭ 231
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Electron React Webpack
Frontend Boilerplate
An ES20XX starter with common frontend tasks using Webpack 4 as module bundler and npm scripts as task runner.
Stars: ✭ 224 (-3.03%)
Mutual labels: webpack4, template
Universal React Demo
ES6 demo of a simple but scalable React app with react-router, code splitting, server side rendering, and tree shaking.
Stars: ✭ 50 (-78.35%)
Mutual labels: webpack4, jsx
Webpack Starter Basic
A simple webpack starter project for your basic modern web development needs.
Stars: ✭ 552 (+138.96%)
Mutual labels: webpack4, seed
Seed Quickstart Webpack
Template for web apps with Seed (Rust framework), TailwindCSS and Webpack.
Stars: ✭ 73 (-68.4%)
Mutual labels: seed, template
Play Scala Rest Api Example
Example Play Scala application showing REST API
Stars: ✭ 227 (-1.73%)
Mutual labels: template
Template
Share 100 templates HTML5 CSS3 for developer or beginner
Stars: ✭ 215 (-6.93%)
Mutual labels: template
Webpack Command
[DEPRECATED] Lightweight, modular, and opinionated webpack CLI that provides a superior experience
Stars: ✭ 218 (-5.63%)
Mutual labels: webpack4
Latex Ppt Template
Seven awesome latex ppt templates for researchers or students.
Stars: ✭ 229 (-0.87%)
Mutual labels: template
Laravel Database Mail Templates
Render Laravel mailables based on a mail template stored in the database
Stars: ✭ 226 (-2.16%)
Mutual labels: template
Vite Vue3 Tailwind Starter
Vite 2.x + Vue 3.x + Tailwind 2.x (starter) ⚡
Stars: ✭ 205 (-11.26%)
Mutual labels: template
Aspnetcore.template
ASP.NET core mvc project template for real world applications
Stars: ✭ 226 (-2.16%)
Mutual labels: template
Django Drf React Quickstart
Django REST framework/React quickstart
Stars: ✭ 219 (-5.19%)
Mutual labels: webpack4
React Starter Kit
React, Redux, Webpack, Material UI, Boostrap 4, Code Splitting, HMR
Stars: ✭ 229 (-0.87%)
Mutual labels: webpack4
React Sigma
Lightweight React library for drawing network graphs built on top of SigmaJS
Stars: ✭ 217 (-6.06%)
Mutual labels: jsx
Canner
⚡️[NOT MAINTAINED] Content Management Framework creates custom CMS fast and easy. Support data sources such as Firebase/Firestore, GraphQL and Restful APIs.
Stars: ✭ 2,472 (+970.13%)
Mutual labels: jsx
React Landing Page Template
A simple react one page landing page templates for startups/companies
Stars: ✭ 224 (-3.03%)
Mutual labels: template
Readme
Automatically generate a beautiful best-practice README file based on the contents of your repository
Stars: ✭ 223 (-3.46%)
Mutual labels: template
electron-react-webpack
Try this Electron & React 16 & Webpack 4 template for a quick development and prototyping.
Install
# Clone the repository
$ git clone https://github.com/pastahito/electron-react-webpack
# Go into the repository
$ cd electron-react-webpack
# Install dependencies
$ npm install
Develop
Just run this command to start developing with hot reloading.
$ npm start
What's included
- JSX support for React.
- CSS modules support.
- JS, CSS and assets automatic bundling.
- Hot reloading via Webpack 4.
Folder structure
├── electron-react-webpack/ # Your project's name, you can rename it
├── app/
├── build/ # Webpack 4 will manage this folder for you
├── bundle.css # Bundled CSS
├── bundle.js # Bundled JS
├── ... # Your images will be copied here
├── src/
├── assets/ # Images
├── electron.png
├── react.png
├── webpack.png
├── components/ # React Components
├── Link/ # To keep them modularized follow this structure:
├── index.jsx # Your component's React code
├── styles.css # Your component's scoped CSS
├── Logo/
├── index.jsx
├── styles.css
├── App.jsx # React main component where everything is tied up
├── renderer_process.js # Electron's renderer-process, where you React app is called.
├── global.css # Global CSS and global constants go here
├── index.html # This HTML only uses build/ folder's files
├── main_process.js # Electron's main process. Whole app is launched from here
├── package.json
├── webpack.config.js # Webpack 4 setup
Related
- electron-vue-webpack - Minimal Electron template using Vue 2 instead of React.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].