#preactjs

2024-09-17

The more I use #cursorai , the more I love it. I have been using it to develop #preactjs frontend for @thoughttonote .

The best thing that blows me again and again is now I can chat with the code that is generated and I can understand what the code does. This was not the case until now.

This is a great leverage for good programmers and programmers who wants to get better.

2024-09-14

Setting up android development tools on Mac (either react-native based or flutter based) is so damn hard.

Be it go or python or even front-end frameworks like #preactjs or #vuejs , they are easy to get started (on Mac).

Getting started with mobile development is so hard on Mac. Why?

I followed instructions on https://reactnative.dev/ / https://docs.flutter.dev/get-started/install still no luck.

I even tried Claude. Nothing worked.

The last error I got related to too many files open. Tried everything in this: https://github.com/facebook/watchman/issues/923 still no luck.

I have developed apps for Palm OS. It wasn't that hard to develop an app and install on your device, even though it was around two decades back.

#devnote #gptusage

2024-09-02

I release an app to the public and in few hours, I see hackers scanning for vulnerabilities. Damn!

How can I stop these? The app is on #golang and #preactjs

#security

GET /.ssh/id_rsa
GET /_vti_pvt/administrators.pwd
GET /etc/ssl/private/server.key
GET /config/database.php
GET /config/production.json
GET /.ssh/id_ed25519
GET /phpinfo.php
GET /.env
GET /api/.env
GET /wp-admin/setup-config.php
GET /config.yml
GET /_vti_pvt/service.pwd
GET /web.config
GET /docker-compose.yml
GET /etc/shadow
GET /secrets.json
GET /.ssh/id_ecdsa
GET /.git/HEAD
GET /server.key
GET /.env.production
GET /.vscode/sftp.json
GET /_vti_pvt/authors.pwd
GET /database.sql
GET /.svn/wc.db
GET /backup.zip
GET /.aws/credentials
GET /config.php
GET /user_secrets.yml
GET /backup.tar.gz
GET /server-status
GET /cloud-config.yml
GET /backup.sql
GET /dump.sql
GET /config.yaml
GET /config.xml
GET /assets/index-Bxp7euGO.js
GET /favicon.ico

2024-08-25

As I develop @thoughttonote using #llms, I repeatedly face a issue regarding debugging:

You can write a component or a function giving appropriate prompt. When you want to add a feature, then it is an issue. I face the same issue while debugging too.

As an example, using #claudeai , I developed a #preactjs component that records audio on the browser. It works well. Now I want to display a timer as it records.

I have the option to recreate the entire component or I have to upload the earlier code into Claude and ask it to add that particular feature.

So far, I have chosen the 1st option - recreate.

May be the way we develop software will change as llms are integrated into development process (much like how google and stackoverflow changed it).

#devnote

2024-08-12

Are there any tutorials / "getting started" guides for @preact - video / articles / courses?

#preactjs

Jason Miller 🦊⚛️developit
2024-01-03

preact + signals + HTML Drag and Drop API is pretty clean.

🐕 demo: 2gtlk9.csb.app

✍️ code: codesandbox.io/s/preact-signal

2023-12-14

Hooks bring advanced CSS capabilities to native inline styles, with extremely minimal runtime, no build steps & a tiny footprint.

Designed for [React|Solid|Preact]

🔗 css-hooks.com/

#css #reactjs #solidjs #preactjs #javascript #webdev

2023-11-18

Signals look very promising.

In the last couple of months, I came across multiple blogs, videos, and sources talking about Signals -(Especially in the Angular eco-system)- and the performance benefits, but the question will they replace "Hooks" in React or even become 50-50 choice in the future when working with React?

Only time will tell.

youtube.com/watch?v=SO8lBVWF2Y

Signals from Preact Docs: preactjs.com/guide/v10/signals

#react #preactjs #Signals

2023-11-18

WordPress 6.4 shipped with Preactjs and Preact signals.

credits: @marvinhagemeist

#Wordpress #preactjs

Chee Aun 🤔cheeaun
2023-09-07

Very hacky but surprised this could work. Literally assigning ref to a parent node outside of a component, else falling back to original node, besides merging multiple refs into a single ref 😂🤪💥

<article
  ref={(node) => {
    statusRef.current = node;
    // Use parent node if it's in focus
    // Use case: <a><status /></a>
    // When navigating (j/k), the <a> is focused instead of <status />
    // Hotkey binding doesn't bubble up thus this hack
    const nodeRef =
      node?.closest?.(
        '.timeline-item, .timeline-item-alt, .status-link, .status-focus',
      ) || node;
    rRef.current = nodeRef;
    fRef.current = nodeRef;
    aRef.current = nodeRef;
  }}
  tabindex="-1"
2023-08-17

I'm near version 1.0.0 on frugal 🥳

A framework running on #deno with :
- static/dynamic/hybrid pages
- write "old-school" HTML/CSS/JS or "shiny" #preactjs or #svelte
- client side islands with preactjs (experimental with svelte)
- state persistance and view transition for islands

learn more here : frugal.deno.dev/

2023-08-15

If you were building an SPA with no build step, which framework would you use?

Comment if you don't see your choice. Boosts welcome!

#javascript #reactjs #preactjs #litelement #js #react #preact

2023-04-15

@developit so I’ve got a mix of #jsx and #htm going in this project so I can get a feel for the differences.

For whatever reason, I can’t get the document formatting in vscode to get this even remotely close to look like it’s properly indented. Also missing Emmett completions (not sure if I would have that with jsx yet) and tag autoclosing.

Can’t tell if I’m missing something or my lit-html extension is misconfigured.

Otherwise it’s going great! #preact #preactjs #js #webdev

2023-04-08

@komish You can use #preactjs with html template string literals by following the "No build tools route" on their getting started guide. However, the vast majority of documentation assumes you don't do that, so may not be the best for learning.

Edit: I see @developit beat me to it! Figures... 😄

preactjs.com/guide/v10/getting

Marius Gundersengundersen
2023-02-12

Do you use react or preact in your webapps? If you don't use preact, why not? Any interesting experiences?

Opened up the laptop for the first time since last Wednesday and completely forgot I had built this UI in #preactjs using their new Signals state management feature.

Excited to finish it.

A UI to help preflight CMS content that is delivered client-side.
2022-12-01

I think I'm gonna transition my #reactjs app to #preactjs in order to make it faster and lighter, though it's quite big and transitioning is likely to be a pain in the ass, whaddya think? :)

(I wanted to use #infernojs but it's too unpopular sadly)

2022-11-19

Kinda proud of this : frugal.deno.dev/docs/examples/

Using #PreactJS signals and my framework frugal, i have a MPA that behaves like a SPA, with minimal bundle size.

🦕 Craig's Deno Diary 🦕deno_diary@fosstodon.org
2022-11-10

A new blog post has been published on Craig's Deno Diary showing how to use Preact Signals with Deno Fresh for reactive state management: deno-blog.com/Using_Preact_Sig
#deno
#denoland
#preactjs
#javascript

2022-11-05

@sznowicki I don't know if it is technically a "framework" but I'm enjoying using #PreactJS and companion project htm to get #ReactJS - like ergonomics that I can load from a CDN. This is what's described as the "no build tools route" in Preact's getting started guide:

preactjs.com/guide/v10/getting

#webdev #frontend #webdevelopment

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst