haskman, to javascript
@haskman@functional.cafe avatar

Since the #Moonbit #JavaScript backend post (https://www.moonbitlang.com/blog/js-support) is trending, I thought I'd compare #PureScript backend optimizer (https://github.com/aristanetworks/purescript-backend-optimizer) output to see how it fares. The results were pretty good!

With basically this PureScript code -

run = fromArray  
 >>> flatMapF (fromArray <<< _.members)  
 >>> filterF _.gender  
 >>> mapF (\x -> min 100 (x.score + 5))  
 >>> mapF grade  
 >>> filterF (_ == 'A')  
 >>> foldF (\_ x -> x+1) 0  

the benchmark results are as follows. PureScript is roughly 6x faster than plain JS, and 6x slower than Moonbit output ( -

┌─────────┬──────────────┬─────────────┬────────────────────┬──────────┬─────────┐  
│ (index) │ Task Name │ ops/sec │ Average Time (ns) │ Margin │ Samples │  
├─────────┼──────────────┼─────────────┼────────────────────┼──────────┼─────────┤  
│ 0 │ 'Moonbit' │ '34,67,542' │ 288.38869989829305 │ '±0.06%' │ 1733772 │  
│ 1 │ 'Plain Js' │ '74,816' │ 13365.983827421464 │ '±0.54%' │ 37409 │  
│ 2 │ 'Kotlin Js' │ '1,90,241' │ 5256.474017304151 │ '±0.38%' │ 95121 │  
│ 3 │ 'PureScript' │ '4,99,456' │ 2002.1768597161156 │ '±0.70%' │ 249729 │  
└─────────┴──────────────┴─────────────┴────────────────────┴──────────┴─────────┘  

#FunctionalProgramming #Frontend #Benchmarks

schizanon, to react
@schizanon@mastodon.social avatar

Hearing about all the changes in is giving me anxiety. I've been working on apps at my past four or five jobs now, but I just have no interest in relearning for the upteenth time, and I'm worried that is going to impact my ability to get another job if I ever decide to go back to work.

https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19

awoodsnet, to vim
@awoodsnet@phpc.social avatar

People often talk about Emacs vs Vim. Every developer I’ve met uses Vim. Occasionally, some of the vim users will say they have previously emacs, but switched to vim.

So where are all the people who are currently using Emacs?

I’m not trolling or looking for an argument. I legit want to know!

Ryan,
@Ryan@mastodon.mackners.com avatar

@awoodsnet
has been great for writing, listening to internet radio, connecting to and , managing multi accounts and maybe some if I get bored. It's more than just a text editor and can be a to many great applications.

toxi, to UI
@toxi@mastodon.thi.ng avatar
schizanon, to webdev
@schizanon@mastodon.social avatar

> there are big questions still being asked about how CSS should handle masonry-style layouts. Some people remain skeptical that this capability should be part of CSS Grid, and want it to instead be its own separate display type. Others are questioning whether or not this kind of layout is needed on the web at all — they aren’t sure that well-known websites will use it.

https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/

ayo, to webdev
@ayo@ayco.io avatar

Server-rendered components is the way:

  1. @nuxt has server-rendered vue pages/components
  2. @enhance_dev has a wasm for server-rendering web components in virtually any runtime
  3. @astro has their islands directives to server-render supported JS frameworks and hydrate on-demand

Really cool we that have these options 🎉

inautilo, to webdev
@inautilo@mastodon.social avatar


Write better CSS with modern CSS · New CSS features can help you streamline your code https://ilo.im/15ynzs


davidbisset, to webdev
@davidbisset@phpc.social avatar
kubikpixel, to webdev
@kubikpixel@chaos.social avatar

Comparing TypeScript state management solutions:

State management in frontend development deals with maintaining the state or data knowledge across multiple application components. It’s an essential concept while working with frontend JavaScript and TypeScript frameworks and libraries.

⌨️ https://blog.logrocket.com/comparing-typescript-state-management-solutions/


ayo, (edited ) to webdev
@ayo@ayco.io avatar

🎉 Project /threads now live!

🔗 https://ayco.io/threads -- a way to select social posts and (in the future) offer fine-grained topical subscriptions.

Depending on your requirements & resources, you can also have your own threads deployed on your site, either of the two options

  • personal.site/threads
  • threads.personal.site

This is the first of some tiny self-hostable apps I plan to work on, that can be composed together.

#webdev #frontend #threads #indieweb

inautilo, to react
@inautilo@mastodon.social avatar


HTML attributes vs. DOM properties · What fewer and fewer developers seem to know https://ilo.im/15ynz8


davidbisset, to CSS
@davidbisset@phpc.social avatar
davidbisset, to CSS
@davidbisset@phpc.social avatar

This is a pretty neat effect.

"Blurry Text Reveal on Scroll"

https://tympanus.net/codrops/2024/04/23/blurry-text-reveal-on-scroll/

dennisl, to webdev
@dennisl@mastodon.social avatar

Front-end development’s identity crisis https://www.ellyloel.com/blog/front-end-development-s-identity-crisis/ If you have this crisis (with modern web dev), then that's a good thing!

janriemer, to rust

C++ will be taken over by #Rust.

What will be the Rust-equivalent for #JavaScript?

I mean #TypeScript is a very good first step, but it's basically the C++ for C.

So in short:
C => C++
JavaScript ≈> TypeScript
C++ => #RustLang
JavaScript => ???

I think it will be a looong way to go, but maybe, maybe we'll see more and more #WebAssembly in the #frontend, but not quite sure yet.

#WASM #ProgrammingLanguage #CPlusPlus #C

janriemer,

@Aedius Sorry for the late reply. 😔

That's awesome! Thank you for sharing! 🙂

Yes, sharing business logic between frontend/backend is a very compelling argument.

However, I just have this feeling that the advantages of Rust are not as apparent when designing interactive web pages.

As I said, for logic heavy apps, sure, but for small interactivity, satisfying Rust's strict rules might not be worth it.

ddd, to drupal
@ddd@drupal.community avatar
ayo, (edited ) to webdev
@ayo@ayco.io avatar

Tomorrow is **JS Naked Day **🎉
Join the party! https://js-naked-day.org/2024

✏️ Just edit this .HTML to add an entry for your site:
👉 https://github.com/macdonst/js-naked-day.org/blob/main/app/pages/2024.html

inautilo, to webdev
@inautilo@mastodon.social avatar


CSS Shape · A collection of easily customizable CSS-only shapes https://ilo.im/15yn9c


iamdtms, to javascript
@iamdtms@mas.to avatar

Now I can build a app with . 😎

maxiorel, to php Czech
@maxiorel@mastodonczech.cz avatar

Can I... Určitě znáte webovky, které vám odpoví, jestli danou technologii či zápis v CSS podporuje určitá verze webového prohlížeče. Ale takových služeb je více:
https://caniuse.com/ - frontend
https://www.caniemail.com/ - kódování mailů
https://caniphp.com/ - pro PHP

V širším měřítku ještě můžete mrknout:
https://node.green/ - pro JS developery
https://whatwebcando.today/ - co dnes umí weby

pixelambacht, to CSS
@pixelambacht@typo.social avatar

I'm working on my typography talk for (working title: "Problems Solved By OpenType")!

My plan is to mostly show all the things fonts can do on the web (the techy bits), without going too far into typesetting itself (the designy bits).

What should (and shouldn't!) I cover? Are there issues in your current project(s) that's holding you back from using modern fonts and CSS?

davidbisset, (edited ) to webdev
@davidbisset@phpc.social avatar

How to think about responsive images. Good review of some basics. https://danburzo.ro/responsive-images-html/

collinsworth, to random
@collinsworth@hachyderm.io avatar

I think we're focused on the wrong thing when we look at what tech works for a company like Amazon or Facebook or Netflix.

We should be looking at what tech works when you don't have a small army of staff engineers optimizing it. I want to know what I can scale without paying someone a half million dollar salary to do it.

There should be more case studies on things that don't have a billion-dollar company propping them up, humming along quietly on a cheap-ass VPS somewhere.

j9t,
@j9t@mas.to avatar

This also looks “so frontend development.”

For 15–20 years we’ve been looking at how big companies are solving their big problems, instead of learning how those of us with small problems (individuals and SMBs) best solve their small problems.

That’s our Occam’s razor why frontend devs know Bootcamp/Tailwind, jQuery/React, bundle/deploy, and have every 10-visitor site sit on all edge servers—but for whom HTML is div and CSS is broken.

The craft died in Big Tech.

ayo, (edited ) to random
@ayo@ayco.io avatar

Recording videos on building a small project /threads page on my site, where I want to display some featured posts that I write from here. I'll keep videos unlisted until I complete the series then will decide if I like the video format or just convert them into... text 😄

ayo, (edited )
@ayo@ayco.io avatar

Markdown now supported on my /threads page:
👉 https://ayco.io/threads/112258065967208438#112338772593135832

Amazing how few lines of code it took because of python-markdown + md-in-html.

:mastodon_oops: See commit: https://git.sr.ht/~ayoayco/threads/commit/fa7f820171614c2a106531e7a753c7820217f5d0

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • ngwrru68w68
  • GTA5RPClips
  • InstantRegret
  • Youngstown
  • thenastyranch
  • rosin
  • slotface
  • love
  • everett
  • kavyap
  • khanakhh
  • osvaldo12
  • DreamBathrooms
  • megavids
  • magazineikmin
  • modclub
  • mdbf
  • ethstaker
  • tacticalgear
  • Durango
  • cisconetworking
  • tester
  • normalnudes
  • Leos
  • cubers
  • anitta
  • JUstTest
  • All magazines