Sampson 🦁’s Post

Keep it as simple as possible. Show image preview to your users with these few lines of code. Hope you find this useful

🌟Say Goodbye to `console.log()`! 🌟👋 We all know that console.log() can be a handy tool for debugging, but sometimes it just doesn’t cut it. If you’re looking to elevate your logging game, here are some fantastic alternatives that can make your code cleaner and more efficient: 👉console.info(): Used for to display informational messages, styled differently in the console. 👉console.warn(): To log warnings that stand out visually. 👉console.error(): For showing error messages, which are highlighted in red. 👉console.table(): Used to displays arrays or objects in a tabular format for easier reading. 👉console.group() & console.groupEnd(): Groups related logs together to declutter the output. 👉console.dir(): Used to display hierarchical listing of arrays and objects. 👉console.time() & console.timeEnd(): For measuring the execution time of code blocks. 👉console.trace() within a console.group(): This lets you provide identifying information at the group label, and be able to open the group to get to the detailed trace information without it blowing up the console. 👉console.clear() This will clear the console. Let’s embrace these alternatives and make our debugging process smoother and more effective! 💪 🔗What are your favorite logging techniques? Share them in the comments below! Let’s learn from each other! 👇

Preloading async chunks (i.e. those created with “import()”) in #webpack is as easy as using the “webpackPreload” magic comment. However, did you know that *not all* dynamic chunks can be preloaded? For instance, if the entry file “index.js” dynamically imports “foo.js” with “webpackPreload: true”, then the “foo” chunk can’t be preloaded (i.e. meaning it won’t be fetched in parallel with “index.js”). The short explanation narrows down to what the “preload” resource hint does: it tells the browser to give more priority to some resources because they are meant to be used as soon as possible in initial page. Coming back to webpack: the “index.js” file will be loaded by the browser inevitably (since it is the entry file in the config). If this file dynamically imports *and* preloads “foo.js”, this does not really makes sense because it means “foo” is necessary for “index” to work. But, if that were the case, then it would make sense to import “foo” directly, without “import()”. For a more detailed explanation, I made this video: “Why not all dynamic chunks can be preloaded”. https://lnkd.in/d-WURyGX

🔑 Keyboard shortcut you should know: Ctrl + Shift + T How many times have you closed a browser tab only to realize you need it still? Try the shortcut above and it'll bring the tab right back! 🚀 #ProductivityTip #TechTip

Playing with browser-based inference using transformers.js. Using whisper-tiny.en in Chrome on a Mac M3, I was about to get about 2x real time transcription speed and pretty decent accuracy. There's a more efficient "distil" model that I haven't been able to get working yet. Still, pretty incredible what you can do in a browser!

Free Code Camp How to Build a Realtime Chart with React, HighCharts, and Pusher In today's tutorial, you are going to learn about WebSockets and how you can use them to create interactive realtime data applications. To illustrate just how innovative real time technologies are, we will build a chart application which automatically updates with new dynamic online data. This is going to. Para recibir TODAS las notificaciones de nuestros servicios, te invitamos a visitar https://buff.ly/42SGqKN. #noticias #mundo #news

A Great Framework to use.

https://lnkd.in/e9VJEU33 I wrote a quick Bash script tonight that can block urls without a squid proxy. This is a weakness in iptables that it cannot block urls but this simple script manages it.

Happy to report I published a new release of my Space Invaders emulator: https://lnkd.in/gxRg6J3W Main changes: - Added sounds! Pew pew. - Replaced SDL2 with minifb. SDL2 requires the shared library to be present in the directory which makes building the emulator painful. minifb is pure Rust so you can now run the emulator with just cargo run -r

Debugging doesn’t have to be a chore! Using tools like console.warn(), console.error(), and console.table() can make your logs clearer and help you spot issues fast. Instead of getting lost in a wall of text, these methods help you organize, prioritize, and visualize your debugging info like a pro. Ready to See the Difference?