GithubHelp home page GithubHelp logo

zalky / reflet Goto Github PK

View Code? Open in Web Editor NEW
73.0 5.0 2.0 2.08 MB

Tools for building Re-frame + React based web apps with graph and non-graph data models

License: Apache License 2.0

Procfile 0.04% Clojure 91.65% HTML 0.07% Makefile 0.27% SCSS 7.98%
clojure clojurescript re-frame finite-state-machines graphs react reagent

reflet's Introduction

Reflet

Clojars Project

Reflet is a set of tools for building Re-frame + React based web apps with graph and non-graph data models.

At the core of Reflet is a single macro, with-ref, that generates references to any kind of thing, and also transparently manages the lifecycles of those things throughout your application. This leads to highly extensible components, and excellent APIs.

Besides with-ref, Reflet also provides:

  1. Performant multi-model DB with graph queries and mutations
  2. Data-driven descriptions: a new kind of polymorphic query
  3. Simple but powerful hierarchical FSMs
  4. JS and DOM interop utilities
  5. Novel API-driven visual debugging of complex apps (don't sleep on this!)

And more!

Reflet aims to be a natural progression on top of Re-frame to support complex, data-driven requirements. In that sense, it is both easy to learn, but powerful. You could say it's sort of like Re-frame++ (or Fulcro for Re-frame). Its main design goals are:

  1. A la carte feature set: it is not a "framework", so use as much or as little of it as you want
  2. Power up existing Re-frame applications: iterative, minimal approach to integration, so big re-writes can be avoided
  3. Graph and non-graph data models can be mixed freely with a single source of truth: a Clojure map
  4. Entity references connect things together: this encourages excellent, pluggable APIs
  5. Makes very few assumptions about your application boundaries
  6. Performance and stability: Reflet has already been deployed in complex, data-driven production applications for 4+ years (e.g. in Bioinformatics, Business analytics... )

Who Is This For?

  1. Anyone who needs a powerful graph data model for Re-frame
  2. You already have an existing non-graph Re-frame application, and need to take it to the next level
  3. You are learning Re-frame, and want to get started right away with scalable data models and well-built component APIs

Installation

At minimum include the following in your deps.edn:

{:deps {io.zalky/reflet {:mvn/version "0.3.0-rc1"}}}

Or project.clj:

[io.zalky/reflet "0.3.0-rc1"]

Additionally, React is considered a peer dependency, so you will have to ensure that it is available. The same approach you would use to provide React for Reagent or Re-frame will also work for Reflet.

See the additional notes on how to configure the debugger for development.

Resources

Reflet builds on top of the concepts and design patterns of Re-frame, and these resources assume a working knowledge of Re-frame basics. If you are not familiar with Re-frame, check out that documentation first, it is very good. Otherwise:

  1. Rationale and Overview
  2. Quick Start
  3. Configuration
  4. Features
  5. Example Client
  6. General Development Tips

Getting Help

You can either submit an issue here on Github, or alternatively tag me (@zalky) with your question in the #re-frame channel on the Clojurians slack.

Contribution Acknowledgements

Special thanks to Inge Solvoll.

License

Reflet is distributed under the terms of the Apache License 2.0.

reflet's People

Contributors

zalky avatar

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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

philoskim aritea

reflet's Issues

Link queries single attribute parsing

Link queries with just a single attribute are not being parsed properly:

(f/reg-pull ::single-attr-link
  (fn []
    [::attr]))

This is not a common use case, but it's in the wiki.

bundle.clj should not be in source

The src/clojure/reflet/css/bundle.clj file, which provides a development css bundler, should not be in source, or part of the library target. It's dependency on io.zalky/axle is breaking cljdoc's compile.

The file should be moved to src/scss/.

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.