Wigly
A React inspired, component-based UI library for the web. Built with Superfine. Built to be lean.
Live example
https://codepen.io/minieggs40/project/editor/AEyxBx
'Hello, World!' example
; { return <div>propsgreeting World!</div>;} wigly;
Stateful counter example
; { var count set = ; return <div> <h1>Count: count</h1> <button onclick=>increment</button> </div> ;} wigly;
Using AJAX calls
; { var username set = ; // Optional second parameter, will only call first parameter when userId value changes. // If no second paramter is given the first parameter will be called after every render. // Operates the exact same as React's useEffect. ; return <div> <div>username ? `Username: ` : "loading"</div> </div> ;} wigly;
Advanced, lazy/async components
; // A function that returns a promise that will resolve to a// component can be used as a valid wigly component.let import"./components/child"; let <div> <LazyChild /> </div>; wigly;
Advanced, creating a 'styled-components' package
;;; let styled = tags; let Title = styledh1` color: #121212; font-family: nyt-cheltenham, georgia, "times new roman", times, serif; font-weight: 700; font-style: italic;`; wigly;