geraldodev
geraldodev
/ use_fetcher.cljs
Created
July 9, 2022 01:35
react-router use-fetcher hook "beanified" use-fetcher hook that encaspulate keeps you from using useLoaderData just for getting the result of the router load function
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns crudis.ui.hooks.use-fetcher | |
| (:require | |
| ["react-router-dom" :refer [useLoaderData useFetcher]] | |
| [cljs-bean.core :refer [bean]] | |
| )) | |
| (defn use-fetcher | |
| [] | |
| (let [fetcher (useFetcher) | |
| first-page (useLoaderData) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns crudis.ui.routes.countries | |
| (:require | |
| ["react-router-dom" :refer [useLoaderData]] | |
| [crudis.util.helix :refer [defnc]] | |
| [helix-window.fixed-size-list :as fsl] | |
| [helix.core :as hx :refer [$ <> fnc]] | |
| [helix.dom :as d :refer [div]] | |
| [paqueta.fetch :as fetch] | |
| [promesa.core :as p] | |
| )) |
geraldodev
/ client.cljs
Created
June 26, 2022 12:55
root cljs app defining DataBrowserRouter from react-router
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns crudis.client | |
| (:require | |
| ["react-dom" :as rdom] | |
| ["react-dom/client" :refer [createRoot]] | |
| ["react-router-dom" :refer [DataBrowserRouter Route]] | |
| [crudis.util.helix :refer [defnc]] | |
| [crudis.ui.root :as root] | |
| [crudis.ui.routes.countries :as countries] | |
| [helix.core :refer [$]] | |
| [helix.dom :as d] |
geraldodev
/ row_virtualizer_example.cljs
Last active
June 21, 2022 13:02
https://github.com/TanStack/virtual rowVirtualizer helix snippet
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns crudis.ui.root | |
| (:require | |
| ["@tanstack/react-virtual" :refer [useVirtualizer]] | |
| ["react" :as React] | |
| [goog.object :as gobj] | |
| [helix.core :as hx :refer [defnc $ <> fnc]] | |
| [helix.dom :as d :refer [div a button]] | |
| [helix.hooks :as hooks :refer [use-state]] | |
| [paqueta.fetch :as fetch] ;; lambdaisland fetch | |
| )) |
geraldodev
/ jsx_to_helix.clj
Created
May 16, 2022 09:55
Generates helix clojurescript output of a React JSX input file. The files are defined on the input-jsx and output-clj variables. the executing function is on the first line of the comment
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns jsx-to-helix.core | |
| (:require | |
| [clojure.data.xml :as xml] | |
| [clojure.edn :as edn] | |
| [clojure.java.io :as io] | |
| [clojure.pprint :refer [pprint]] | |
| [clojure.walk :as walk] | |
| [superstring.core :as str] | |
| ) | |
| (:import [clojure.data.xml.node Element])) |
geraldodev
/ heading.cljs
Last active
May 15, 2022 01:09
Attempt to port https://github.com/radix-ui/design-system/blob/master/components/Heading.tsx to helix , clojurescript
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns stitches.componentes.heading | |
| (:require | |
| ["lodash.merge" :as js-merge] | |
| ["react" :as React] | |
| [applied-science.js-interop :as j] | |
| [crudis.util.helix :refer [defnc]] | |
| [helix.core :refer [$]] | |
| [stitches.componentes.text :refer [Text]] | |
| )) |
geraldodev
/ hooks.cljs
Created
April 19, 2020 20:30
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (defnc App | |
| [] | |
| (j/let [[state set-state] (hooks/use-state {} ) | |
| ^:js {:keys [register | |
| handleSubmit | |
| watch | |
| errors] :as obj} (rhf/useForm)] | |
| ; (.log js/console obj) | |
| ; (.log js/console (type state)) | |
| (d/form |
geraldodev
/ helix-autocomplete.cljs
Last active
November 27, 2020 17:58
Thin layer over mui autocomplete.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns app.helix_autocomplete | |
| (:require | |
| ["@material-ui/lab/Autocomplete" :default Autocomplete] | |
| ["@material-ui/core/TextField" :default TextField] | |
| ["react" :as r] | |
| [goog.object :as gobj] | |
| )) | |
| (defnc AutocompleteHelix |
geraldodev
/ mui-autocomplete.cljs
Created
November 20, 2020 17:48
mui Autocomplete with helix. The render-input node needs to be created with plain react
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (ns app.ui.contratualizacao.regra | |
| (:require | |
| ["@material-ui/lab/Autocomplete" :default Autocomplete] | |
| ["@material-ui/core/TextField" :default TextField] | |
| ["react" :as r] | |
| [goog.object :as gobj] | |
| )) | |
| ($ ^:native | |
| Autocomplete |