• This repository has been archived on 19/Apr/2018
  • Stars
    star
    234
  • Rank 166,007 (Top 4 %)
  • Language
    Objective-C
  • License
    MIT License
  • Created about 9 years ago
  • Updated about 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Configuration to build React Native apps with ES6 using webpack and Babel

React Native in ES6 with webpack and Babel

DEPRECATED!

It's possible to write React Native apps in ES6+ using babel-loader and webpack.

Check better approach using DependencyGraph module: dep-graph.

Basically you need to compile everything to index.ios.js file, which is then transformed by react-native. Also, to stop webpack from trying to load native (Objective-C) components, you need to define them all as externals and set libraryTarget: 'commonjs' in webpack config, this way webpack will not resolve require to native components.

Check ignore-modules.js for the regexp to match all native components, it is extracted using approach described in dep-graph branch.

Check webpack.config.js for build configuration.

Usage

Before running the project, change code location in iOS/AppDelegate.m to localhost to run on iOS Simulator or to your computer's IP address to run on device. Run in the terminal webpack --config webpack.config.js, open another tab and run react-native start.

Known limitations

  • No support for ES6 classes. There's no React.Component or any other extendable base class.

More Repositories

1

html-to-react-components

Converts HTML pages into React components
JavaScript
2,124
star
2

webpack-closure-compiler

[DEPRECATED] Google Closure Compiler plugin for Webpack
JavaScript
465
star
3

closure-compiler-handbook

How to use Google's Closure Compiler
441
star
4

uix

Idiomatic ClojureScript interface to modern React.js
HTML
429
star
5

threegn

Procedural 3D graphics editor for the web
JavaScript
298
star
6

clj-wasm

Clojure-flavored WASM's text format
Clojure
157
star
7

react-flux-workshop

Материалы к воркшопу «React.js и архитектура Flux»
JavaScript
129
star
8

react-horizon

React Horizon makes it easier to use your React application with horizon.io realtime backend
JavaScript
119
star
9

JSONFormData

HTML JSON form submission polyfill
JavaScript
104
star
10

javascript-to-clojurescript

JavaScript to ClojureScript translator
JavaScript
101
star
11

react-webrtc

WebRTC React mixins for real-time communication in React components
JavaScript
85
star
12

slack-traductor

Slack bot to translate chat messages of any language into specified language
JavaScript
85
star
13

babel-plugin-stateful-functional-react-components

Stateful functional React components without runtime overhead
JavaScript
83
star
14

proton-native-cljs

Clojure
79
star
15

prum

ClojureScript's Rum with Preact.js instead of React
HTML
64
star
16

anybar-webpack

Webpack build status plugin for menubar status indicator applications
JavaScript
62
star
17

js-memory-usage

Data Structures Memory Usage in JavaScript
JavaScript
59
star
18

scrum-ssr-example

HN clone app with server-side rendering built with Scrum
Clojure
57
star
19

minimax

Minimalist 3D game engine in Clojure
Clojure
56
star
20

solid-cljs

ClojureScript bindings to SolidJS
Clojure
56
star
21

cljs-rum-realworld-example-app

ClojureScript + Rum codebase containing real world examples
Clojure
53
star
22

github-issues

Sample React application built with Flux
JavaScript
49
star
23

threejs-cljs-playground

three.js playground in ClojureScript
CSS
44
star
24

figcup

Converts Figma designs into Reagent/Hiccup components to render in the browser
Clojure
40
star
25

cljs-async-await

Experimental ClojureScript's compiler extension that enables JavaScript's async/await
Clojure
36
star
26

clojurescript-workshop

Repository of related materials to the workshop
Clojure
35
star
27

recursion-exercises

Recursion exercises in JavaScript
JavaScript
34
star
28

react-horizon-example

Example React application built with React Horizon connector to horizon.io realtime backend
JavaScript
29
star
29

amsterdamjs-clojurescript-workshop

Educational materials for ClojureScript workshop @ AmsterdamJS '18
Clojure
28
star
30

cljs-react-devtools

React DevTools for ClojureScript wrappers
Clojure
27
star
31

babel-plugin-react-hyperscript

HyperScript syntax for React components without runtime overhead
JavaScript
22
star
32

hooks

React Hooks for ClojureScript
Clojure
22
star
33

grunt-load-perf

Grunt task for generating visual report to measure web applications loading and rendering performance.
JavaScript
21
star
34

impact-node

Node.js CLI for game development with Impact HTML5 game engine
JavaScript
21
star
35

react-dom-visualizer

Visualize components structure in your React application as a tree chart
JavaScript
19
star
36

cljs-source-mapped-stack-traces

Displays exceptions with stack frames mapped to ClojureScript source
JavaScript
19
star
37

path-following

JavaScript implementation of Craig Reynolds’s path-following algorithm
JavaScript
18
star
38

adapton

A Minimal Implementation of Incremental Computation in Clojure and ClojureScript
Clojure
17
star
39

imtbl

Immutable operations for JavaScript data structures
JavaScript
17
star
40

web-components-polyfills

A set of lightweight polyfills to enable Web Components support in major browsers, including IE9+
JavaScript
16
star
41

cljs-worklet

Run ClojureScript functions on a worklet thread in React Native
Clojure
16
star
42

voice-to-chat

A small CLI and menubar app that transcribes voice recording and rewrites it in a style of a written text
JavaScript
14
star
43

0ui

A set of utilities for building UIs with React
JavaScript
14
star
44

leap-motion-controlled-hand

Leap Motion controlled 3D hand made with Three.js
JavaScript
14
star
45

vscode-structed

Structured editing in JavaScript extension for VS Code
JavaScript
13
star
46

part-js

Persistent Adaptive Radix Tree (PART) for JavaScript
TypeScript
13
star
47

zfort-js-course

JavaScript course for Zfort company.
JavaScript
13
star
48

postcss-camel-case

PostCSS plugin to convert CSS selector names to camelCase
JavaScript
13
star
49

react-a11y-video

Accessible HTML5 Video player React component
JavaScript
10
star
50

clojurescript-studio

Online coding sandbox tailored for web development
Clojure
10
star
51

node-stm

Multiversion Concurrency Control (MVCC) based Software Transactional Memory (STM)
JavaScript
9
star
52

atom-cljs-doc

ClojureScript core library documentation viewer for Atom
JavaScript
9
star
53

kottans-intro-into-fp

Introduction into functional programming
JavaScript
8
star
54

virtual.list

Virtual list component for Prum
Clojure
8
star
55

grunt-mocha-casperjs

Grunt wrapper for mocha-casperjs
JavaScript
8
star
56

websockets-device-controller

WebGL demo powered by WebSockets and device accelerometer data to control things on the web.
JavaScript
7
star
57

generator-website

A website generator for Yeoman
JavaScript
7
star
58

advent-of-code-2018

Solutions to puzzles from Advent of Code 2018
Clojure
6
star
59

rc-cljs-workshop

ClojureScript Workshop @ ReactiveConf '17
6
star
60

shapy

Web-based UI design tool
Clojure
6
star
61

react-images-preloader

HOC to preload images before rendering
JavaScript
5
star
62

roman01la-devtools

Custom UI theme for Chrome's DevTools
HTML
5
star
63

jsbin-cljs

ClojureScript for JS Bin
Clojure
5
star
64

zprint-atom

Atom plugin for zprint-clj
JavaScript
5
star
65

babel-plugin-inline

Array map/filter/reduce inliner plugin
JavaScript
4
star
66

webpack-sri

Subresource Integrity hash generator plugin for Webpack
JavaScript
4
star
67

structed

Structured editing for JavaScript
JavaScript
4
star
68

clojure-hacking-day

Clojure
4
star
69

pwl-kyiv

Papers We Love @ Kyiv
HTML
3
star
70

re-frame-chat

Clojure
3
star
71

uix-cookbook

UIx Cookbook is a set of recipes that will assist you in creating web apps with UIx
2
star
72

rc18-clojure-workshop

Clojure
2
star
73

happy-paw

HappyPaw + Tinder
Clojure
2
star
74

sqlite-vector-search

A demo of vector search with HNSW and SQLite
JavaScript
2
star
75

create-uix-app

Scaffolding tool for UIx
JavaScript
1
star
76

libx.core

Enhanced Clojure's standard library
Clojure
1
star
77

rum-code-splitting

Clojure
1
star
78

roman01la

1
star
79

sub-deep

Transcribe and translate audio with AI
JavaScript
1
star
80

subform-css-layout-worklet

Subform’s Layout engine via CSS Layout API
JavaScript
1
star
81

canvas-text-layout

JavaScript
1
star
82

slack-yue

Clojure
1
star