reagent

Based on a conversation in Slack, we should add something to the docs to avoid using subscribe inside JS event handlers such as :on-click.
I would lean towards a separate FAQ entry, but it is very similar to How can I use a subscription in an Event Handler and could probably be added there instead.

Currently Reagent has one shortcut to control how components are created:

:> as shortcut to adapt-react-class which in effect calls create-element and converts the Cljs properties to JS object (doesn't wrap the component in Reagent implementation, so Ratoms won't work inside these components)
:<> isn't really shortcut, but just special element

I want to add two more:

Shortc

User Story

To be able to see the history of the channels (anonymized though), we need a bot that will listen in to a set of public channels and writes their content in a DB. We also need a full-text search in the archive in the same bot.

Imagine http://offsite.chat/html, but on steroids.

https://github.com/status-im/sta

The ReactCSSTransitionGroup example says it's for when "You want to use ReactCSSTransitionGroup in your reagent web application".

The React animation docs say the "add-on" version is deprecated, though:

ReactTransitionGroup and ReactCSSTransitionGrou

As you can see keyboard and mouse interactions are different. Mouse actually hovers, but keyboard movement selects. There is no way to change this behaviour by passing in an external function.

Issue in detail:
If you use mou

If the ClojureScript script file is loaded in the <head>, then it will run before the document is loaded, and you get the error message:

Uncaught TypeError: Cannot read property 'appendChild' of null
    at day8$re_frame$trace$panel_div (trace.cljs:222)
    at day8$re_frame$trace$inject_devtools_BANG_ (trace.cljs:229)
    at preload.cljs:11

I'm not sure what the best approach

Just make this legal for top-level fiddles, it's simpler. Right now a :db/id link encodes a long into the URL, not an entity ref

I believe I'm hitting similar behavior to a few of the other issues, but it's quite unclear how to resolve.

I have a form as so:

(defn some-form [foo] 
   (let [doc (r/atom {:bar (:bar foo)])
     (fn []
         [bind-fields some-form-template doc])))

The issue is, when some-form is re-rendered (because a level above it is reacting to @\foo), the form does not seem to re-render. (If I

I'm finding it tricky to understand what is necessary to duplicate https://ant.design/components/form/#components-form-demo-form-in-modal using Antizer's create-form approach.

The tricky part is to find a way to bind the modal OK and Cancel click events so they behave as form buttons and trigger validation correctly. The Ant example accomplishes this using form.refs after using Form.Create to c

It's been a little while; And of course there are going to be a lot of new pieces here soon, but it would be nice if there was some reflection on this fact, at least.

Getting errors such as:

react-dom.inc.js:526 Warning: Expected onMouseUp listener to be a function, instead got false.

If you used to conditionally omit it with onMouseUp={condition && value}, pass onMouseUp={condition ? value : undefined} instead.
in input (created by EnhancedSwitch)
in div (created by EnhancedSwitch)
in EnhancedSwitch (created by Toggle)
in Toggle (

In an example at https://react.semantic-ui.com/modules/sidebar/#states-visible there's a snippet like this:

import React from 'react'
import { Header, Icon, Image, Menu, Segment, Sidebar } from 'semantic-ui-react'

const SidebarExampleVisible = () => (
  <Sidebar.Pushable as={Segment}>
    <Sidebar as={Menu} animation='overlay' icon='labeled' inverted vertical visible width='thin'>

reagent

Here are 298 public repositories matching this topic...

day8 / re-frame

reagent-project / reagent

status-im / status-react

User Story

hantuzun / awesome-clojurescript

jiacai2050 / gooreplacer

reagent-project / reagent-cookbook

day8 / re-com

Gonzih / cljs-electron

cljfx / cljfx

day8 / re-frame-10x

day8 / re-frame-template

karad / lein_template_descjop

flexsurfer / re-frisk

hyperfiddle / hyperfiddle

jacekschae / conduit

reagent-project / reagent-forms

keechma / keechma

seantempesta / expo-cljs-template

ingesolvoll / kee-frame

Jarzka / stylefy

priornix / antizer

ertugrulcetin / ClojureNews

metasoarous / datsys

madvas / cljs-react-material-ui

jsa-aerial / hanami

gadfly361 / reagent-figwheel

gadfly361 / soda-ash

ClojureTO / JS-Workshop

metametadata / carry

derrickbeining / react-atom

Improve this page

Add this topic to your repo