😲 👉 👋

[Sweex @sweexx9]

🚨¡BOMBAZO! El ingeniero que creó Claude Code desde cero acaba de soltar un video de 28 minutos que es puro oro:

cómo escribir prompts que realmente entregan resultados brutales.

He visto cursos de 300 dólares que no llegan ni a la suela de lo que él explica en los primeros 10 minutos.

Archivos CLAUDE.md, atajos de memoria, sesiones paralelas y patrones de prompting que casi nadie usa…

Todo en un solo video. Completamente gratis. Sin relleno.

Da igual si eres desarrollador, estás empezando o ya llevas meses con Claude: esto te cambia el juego desde hoy.

Guárdalo. Míralo. Compártelo.

[😲 👉 👋 @whyhndty]

@KAI121 @CommuterLine ini diperlintasan KRL Palmerah, tolong jalannya dibenahi. Sudah 2 minggu seperti ini, berbahaya bagi pengendara dan menyebabkan kemacetan panjang

[😲 👉 👋 @whyhndty]

@CommuterLine @KAI121 perlintasan kereta api commuter line yg didaerah Palmerah itu bisa tolong diperbaiki tidak ya jalannya? Itu sudah rusak parah dan menyebabkan kemacetan panjang setiap hari

[George Moller @_georgemoller]

❌ Avoid Provider wrapping hell in React.

✅ Instead combine all your Providers using composition.

[Addy Osmani @addyosmani]

This is a phenomenal web demo. Enabled by window.getScreenDetails() which provides basic live info (size, position etc) from all screens on the device.

[David Mráz @davidm_ml]

Create responsive holy grail layout with CSS grid 💪🚀

[Chase Lean @chaseleantj]

Previously, I thought DALL-E 3 couldn't generate images with lots of detail.

Not anymore.

I've just found a way to make highly detailed illustrations with it.

Here are 7 incredible examples + the prompts I used:

[Paul Couvert @itsPaulAi]

I just discovered that Google has an interface for creating AI images like Midjourney.

This is the fastest AI generation tool I've tried.

And it can also generate text like Dall-E 3.

Here's how you can access it too:

[Alamin @iam_chonchol]

DALL-E 3 in ChatGPT is now open.

People are making e-commerce business websites, comics, logos, and more all inside ChatGPT.

🙃 16 wild examples:

[Moritz Kremb @moritzkremb]

I spent over 500 hours in the last 6 months mastering ChatGPT.

Using prompt frameworks is by far the most effective way to level up your outputs.

Here are cheat sheets for the top 5 prompt frameworks to improve your prompts:

[Dr Milan Milanović @milan_milanovic]

𝗦𝘁𝗮𝗰𝗸 𝗢𝘃𝗲𝗿𝗳𝗹𝗼𝘄 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 𝗜𝘀 𝗡𝗼𝘁 𝗪𝗵𝗮𝘁 𝗬𝗼𝘂 𝗠𝗲𝗮𝗻 𝗜𝘁 𝗜𝘀

In the recent interview with Scott Hanselman, 𝗥𝗼𝗯𝗲𝗿𝘁𝗮 𝗔𝗿𝗰𝗼𝘃𝗲𝗿𝗱𝗲, 𝗛𝗲𝗮𝗱 𝗢𝗳 𝗘𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝗶𝗻𝗴 𝗮𝘁 𝗦𝘁𝗮𝗰𝗸 𝗢𝘃𝗲𝗿𝗳𝗹𝗼𝘄, revealed the story about the architecture of Stack Overflow. They handle more than 6000 requests per second, 2 billion page views per month, and they manage to render a page in about 12 milliseconds. If we think about it a bit, we could imagine they use some kind of 𝗺𝗶𝗰𝗿𝗼𝘀𝗲𝗿𝘃𝗶𝗰𝗲 𝘀𝗼𝗹𝘂𝘁𝗶𝗼𝗻 𝘁𝗵𝗮𝘁 𝗿𝘂𝗻𝘀 𝗶𝗻 𝘁𝗵𝗲 𝗖𝗹𝗼𝘂𝗱 𝘄𝗶𝘁𝗵 𝗞𝘂𝗯𝗲𝗿𝗻𝗲𝘁𝗲𝘀.

But the story is a bit different. Their solution is 15 years old, and it is a 𝗯𝗶𝗴 𝗺𝗼𝗻𝗼𝗹𝗶𝘁𝗵𝗶𝗰 𝗮𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻 𝗿𝘂𝗻𝗻𝗶𝗻𝗴 𝗼𝗻-𝗽𝗿𝗲𝗺𝗶𝘀𝗲𝘀. It is actually 𝗮 𝘀𝗶𝗻𝗴𝗹𝗲 𝗮𝗽𝗽 on IIS, which runs 200 sites. This single app is running on nine web servers and a single SQL Server (with the addition of one hot standby).

They also use 𝘁𝘄𝗼 𝗹𝗲𝘃𝗲𝗹𝘀 𝗼𝗳 𝗰𝗮𝗰𝗵𝗲, one on SQL Server with large RAM (1.5TB), where they have 30% of DB access in RAM and also they use two Redis servers (master and replica). Besides this, they have 3 tag engine servers and 3 Elastic search servers, which are used for 34 million daily searches.

All this is handled by a 𝘁𝗲𝗮𝗺 𝗼𝗳 𝟱𝟬 𝗲𝗻𝗴𝗶𝗻𝗲𝗲𝗿𝘀, who manage to 𝗱𝗲𝗽𝗹𝗼𝘆 𝘁𝗼 𝗽𝗿𝗼𝗱𝘂𝗰𝘁𝗶𝗼𝗻 𝗶𝗻 𝟰 𝗺𝗶𝗻𝘀 several times daily.

Their 𝗳𝘂𝗹𝗹 𝘁𝗲𝗰𝗵 𝘀𝘁𝗮𝗰𝗸 is:
🔹 C# + ASP. NET MVC
🔹 Dapper ORM
🔹 StaeckExchange Redis
🔹 MiniProfiler
🔹 Jil JSON Deseliazier
🔹 Exceptional logger for SQL
🔹 Sigil, a .Net CIL generation helper (for when C# isn’t fast enough)
🔹 NetGain, a high-performance web socket server
🔹 Opserver, monitoring dashboard polling most systems and feeding from Orion, Bosun, or WMI.
🔹 Bosun, backend monitoring system, written in Go

Check more links in the comments.

#technology #softwareengineering #programming #techworldwithmilan #softwarearchitecture

[Christoph Nakazawa @cnakazawa]

No need for `moment` or `date-fns` ✨

[George Moller @_georgemoller]

⚛️ Most React devs listen for ref changes in useEffect, which doesn't notify about changes to the current ref.

Instead, wrap the reference callback function with useCallback, to make sure you get the most updated version of the reference whenever it changes.

[Namya @ Supafast @namyakhann]

The hottest web design trend:

Dark mode.

Here're 12 black alternatives for your next project:

[David Mráz @davidm_ml]

Create vertical tabs with animation effect using CSS, HTML and JavaScript 🚀

Code in the comments 👨‍💻

[Addy Osmani @addyosmani]

🚀 Photoshop is now on the web!

Enabled by WebAssembly, Emscripten, Web Components + Lit, Service Workers + Workbox & high-performance storage. The @googlechrome enjoyed collaborating with @adobe on the launch. Try it out!

📚 Case Study: https://t.co/sTG8tyRyrh

[George Moller @_georgemoller]

⚛️ How to structure and organize a React application (opinionated) ↓

1/4

[George Moller @_georgemoller]

❌ Avoid mixing business logic with your React components.

✅ Instead create abstraction layers that communicate with them.

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Tip! 🤙

Use custom properties to work out the nested radius of elements for you 😎

.parent {
--nested-radius: calc(var(--radius) - var(--padding));
}
.nested {
border-radius: var(--nested-radius);
}

Couldn't resist making an interactive visual!

@CodePen link below 👇

[Axel Rauschmayer (also on 🦣) @rauschma]

My new book is now free to read online: “Shell scripting with Node.js“
https://t.co/8UxLjowjm9