Hyperapp retweeted
"Less is more" lib of the day:
Hyperapp - whole mini framework with elm-like state management and VDOM in ~1kB.
Check it out: github.com/jorgebucaran/hype…
@hyperappjs #webdev
Hyperapp retweeted
Just tried SCSS/SASS for the first time and I love it!
I'm trying to cut down on the long build/config steps of my projects, so using something like SCSS and @hyperappJS will keep the happiness without the headache!
Hyperapp retweeted
neat trick for use with @hyperappJS. let a Proxy generate element functions for you. no safety, just swag.
try it yourself here: replit.com/@MatejFandl/Steel…
![javascript code:
import { h, text } from 'hyperapp'
const elements = new Proxy({}, {
get: (_, tag) => (props, children) => h(tag, props, children)
})
const { div, p } = elements
const view = div({},
[p({}, text('Hi!'))])
// instead of
// const view = h('div', {}
// [h('p', {}, text('Hi!'))])
console.log(view)](https://pbs.twimg.com/media/E7iqcocWEAAOtLe.jpg?name=small&format=webp)
ALT javascript code: import { h, text } from 'hyperapp' const elements = new Proxy({}, { get: (_, tag) => (props, children) => h(tag, props, children) }) const { div, p } = elements const view = div({}, [p({}, text('Hi!'))]) // instead of // const view = h('div', {} // [h('p', {}, text('Hi!'))]) console.log(view)
Hyperapp retweeted
Replying to @FlorinPop17
A couple weeks ago launched videodonut.com with @kenkarma using Hyperapp and NestJS to enable entrepreneurs and marketers to embed a video on their sites @TryVideoDonut
Hyperapp retweeted
Really neat typing practice app by Callum Oakley.
It uses @hyperappJS.
callumoakley.net/type-the-ta…
Hyperapp retweeted
The @zaiste explained very well about @hyperappJS , this video is incredible and I highly recommend it!
youtube.com/watch?v=iM6rZF_g…
Hyperapp retweeted
Is @hyperappJS going to take out React's leadership thanks to its improved performance? Learn about it in "Hyperapp – Is It the Lightweight 'React Killer'?" by @areknawo blog.asayer.io/hyperapp-is-i… #100DaysOfCode #reactjs #javascript
Hyperapp retweeted
What I like about @hyperappJS is its simplicity, and its message that with very little you can already achieve very much. You don’t have to use a sledgehammer to crack a nut. With Hyperapp you just take a little hammer to get the job done. Still better than using your bare fist.
Hyperapp retweeted
Ever wonder what making an app with @hyperappJS might be like? This video series takes you from “hello world” to full #todomvc, with some practical tricks and thoughts on code structure along the way.
zaceno.github.io/codealong-h…
Hyperapp retweeted
Hey! Check out @zaceno's JSX-like view builder for Hyperapp.
Hyperlit lets you declare your Hyperapp views in an HTML-like fashion, similar to JSX without a build step. 💖🎨
#javascript #jsx #hyperapp 💁♂️
github.com/zaceno/hyperlit
Hyperapp retweeted
Thanks for your kind feedback. I guess this means I can call top-level actions from components. New to Hyperapp and trying to connect dots.
Hyperapp retweeted
@jorgebucaran, what do you recommend, or how is state
management done for large @hyperappJS applications? React has Redux and Context Api. what are the equvalent for Hypperapp?
Hyperapp retweeted
Thanks @jorgebucaran!
Just published a library for building full-featured but very lightweight WebComponents using @hyperappJS:
github.com/isabo/hyperapp-cu…
Hyperapp retweeted
New @WebStormIDE Fundamentals video: “Debugging JavaScript” Shows using Chrome and NodeJS debugger…demo uses @hyperappJS ! youtu.be/Qcqnmle6Wu8
Hyperapp retweeted
Replying to @matteocollina
I saw this done with @hyperappJS or @4kilobytes before.
Can't remember which...
Anyway, htm and alike are very cool and I'd prefer if they got popular instead if jsx
Hyperapp retweeted
Agree! Here's the same example using @hyperappJS and hyperlit:
















