Code Monkey home page Code Monkey logo

shadow-re-frame's Introduction

Example Project

Usage of re-frame, re-frame-10x, and the shadow-cljs build tool.

Live Demo - https://mhuebert.github.io/shadow-re-frame/


re-frame-trace provides visibility into re-frame applications, showing you exactly what's going on under the hood.

shadow-cljs is a fairly new-to-the-world (but used by @thheller for some years already) ClojureScript build tool. It's improving day by day. It does some nice things, for example caching intermediate compile results, which can speed up :advanced builds by 5x or more (with a hot cache). It's also the only build tool that supports bundling of dependencies for the self-hosted compiler.

To get started:

git clone https://github.com/mhuebert/shadow-re-frame.git ;
cd shadow-re-frame;
npm install;
npm run watch;

Then, open a browser window to http://localhost:8700.

Press Control-H to see the re-frame-trace panel.

Now you should see:

screenshot

shadow-re-frame's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

shadow-re-frame's Issues

Unused npm dependencies

I wanted to see some examples of how npm dependencies are used in shadow-cljs. create-react-class and react-flip-move are both listed and dependencies, but not actually used.

They could be removed or better, something like react-flip-move used as an example.

Thanks for the repo

When 'npm release browser', the compiled files don't work

Hello!

When I do npm run watch everything runs fine, but when trying npm run release, the compiled file don't works as expected. The browser console reports:

base.js:300 Uncaught TypeError: Cannot set property 'Error' of undefined
    at base.js:300
    at base.js:4892
(anonymous) @ base.js:300
(anonymous) @ base.js:4892
index.html:85 Uncaught ReferenceError: shadow_re_frame is not defined
    at index.html:85

Am I doing something wrong?

I just follow the README steps. The terminal console output was:

npm run release

> @ release /Users/gleison/projects/study/shadow-re-frame
> shadow-cljs release browser;

shadow-cljs - config: /Users/gleison/projects/study/shadow-re-frame/shadow-cljs.edn  cli version: 2.4.11  node: v7.8.0
shadow-cljs - starting ...
[:browser] Compiling ...
[:browser] Build completed. (100 files, 0 compiled, 0 warnings, 8,66s)

Can you help me, please?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.