#preactjs — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #preactjs, aggregated by home.social.
-
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.
-
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.
-
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
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 -
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).
-
Are there any tutorials / "getting started" guides for @preact - video / articles / courses?
-
preact + signals + HTML Drag and Drop API is pretty clean.
🐕 demo: https://2gtlk9.csb.app
✍️ code: https://codesandbox.io/s/preact-signals-dnd-2gtlk9?file=/src/index.tsx
-
Hooks bring advanced CSS capabilities to native inline styles, with extremely minimal runtime, no build steps & a tiny footprint.
Designed for [React|Solid|Preact]
-
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.
https://www.youtube.com/watch?v=SO8lBVWF2Y8
Signals from Preact Docs: https://preactjs.com/guide/v10/signals
-
WordPress 6.4 shipped with Preactjs and Preact signals.
credits: @marvinhagemeist
-
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 😂🤪💥
-
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 islandslearn more here : https://frugal.deno.dev/
-
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
-
@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.
-
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: https://deno-blog.com/Using_Preact_Signals_with_Fresh.2022-11-01
#deno
#denoland
#preactjs
#javascript -
@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... 😄
https://preactjs.com/guide/v10/getting-started#no-build-tools-route
-
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)
-
Kinda proud of this : https://frugal.deno.dev/docs/examples/static-refresh
Using #PreactJS signals and my framework frugal, i have a MPA that behaves like a SPA, with minimal bundle size.
-
@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:
https://preactjs.com/guide/v10/getting-started/#no-build-tools-route
