Spooky Software
Spooky Software
  • 24
  • 49 673
Waterfall-free Render as you Fetch Data Loading in Client-side Apps
In this video, we explore how you can configure your aysnc aware router to do data fetching in parallel with lazy loaded components. We can do prefetching, hold transitions and pending states, batch and coalese data loading, and make the user's experience go zoom zoom. No suspense is required. Just react-location, react-query and plain old React components.
github.com/dairyisscary/render-as-you-fetch-demo
มุมมอง: 434

วีดีโอ

How to Write a Figma Clone with CRDTs
มุมมอง 2.5K2 ปีที่แล้ว
In this video we use the power of CRDTs and Yjs to make an offline capable, conflict-free Figma clone without a central server. github.com/dairyisscary/syn docs.yjs.dev/
Astro -- Going Fast Without JavaScript Bloat
มุมมอง 7192 ปีที่แล้ว
In this video, we dive into Astro and how it can help you build better websites without the big, bulky SPA, but still enable you to have interactive content. astro.build/
Accessibility or How to Write Accommodating Software
มุมมอง 672 ปีที่แล้ว
In this talking-head video, we explore what accessible software means and how one can achieve it. www.solid-a11y.dev/ www.w3.org/TR/wai-aria-practices-1.2/ Heydon Pickering: heydonworks.com/
Easy HTML and PDF Résumé with Print Media Styles
มุมมอง 2912 ปีที่แล้ว
In this video, we use CSS print media styles, playwright, selenium, and "print -to-PDF" to automate the creation of résumés from HTML. github.com/dairyisscary/spookysoftware.dev/
Reactive Future: SolidJS without Compromise
มุมมอง 5932 ปีที่แล้ว
In this video, we learn about reactive programming, reactivity, signals, derivations, reactions and oh so much more. github.com/dairyisscary/reactive-future
Using Webpack Loaders to Handle More than Just JavaScript
มุมมอง 1273 ปีที่แล้ว
In this video, we use Webpack to bundle more kinds of assets and modules, like SVGs and CSS. github.com/dairyisscary/bundler-demo
The Venerable JavaScript Bundler: A Look into Webpack
มุมมอง 1203 ปีที่แล้ว
In this video, we cover what is in a JavaScript bundler. What does it do, what problems does it solve, why would you want to use one? github.com/dairyisscary/bundler-demo
Interactive Web Apps without JavaScript: Phoenix LiveView
มุมมอง 3.3K3 ปีที่แล้ว
In this video, we describe the architecture and the design of a new library for the Elixir programming language and the Phoenix framework: LiveView. With websockets and Erlang processes, we can build rich, stateful, "client-server-side" apps with only a small sprinkling of JavaScript. Full fledged finance app written with LiveView: github.com/dairyisscary/kbf
Terraform Your Way to Greatness
มุมมอง 2093 ปีที่แล้ว
In this video, we discuss how to use the infrastructure tool, Terraform, to solve problems big and small and why you may want to adopt for your next project. www.jasme.et/
What's in a Senior Software Engineer?
มุมมอง 1993 ปีที่แล้ว
In this video, we discuss the idea of a senior software engineer? Who are they? What do they do? How do you become one? What's it mean to your career?
SaltStack: Basic Grains for Your Brain
มุมมอง 1.9K3 ปีที่แล้ว
In this video, we go over the very basics of SaltStack (or just Salt) and how you can use it for fun and profit. We go over what configuration management tools do and begin to scratch the surface of how SaltStack implements one. docs.saltproject.io/en/latest/
Tree-sitter for Dummies
มุมมอง 37K3 ปีที่แล้ว
In this video, we explore a fun parsing library for text editors: Tree-sitter. Docs: tree-sitter.github.io/tree-sitter/ Max Brunsfeld's Strange Loop Talk: th-cam.com/video/Jes3bD6P0To/w-d-xo.html
Observables from Scratch
มุมมอง 4174 ปีที่แล้ว
In this video we implement a simple version of the RxJS library in TypeScript github.com/dairyisscary/observables-from-scratch
Domain Name System (DNS): Quick and Easy
มุมมอง 1264 ปีที่แล้ว
In this video we delve into DNS, how it works, the dig CLI tool, what DNS means for performance, some security details, and even how CDNs can utilize DNS.
Using Cryptography to Avoid Database Writes
มุมมอง 604 ปีที่แล้ว
Using Cryptography to Avoid Database Writes
For Your Reference Part 5 -- Traits
มุมมอง 594 ปีที่แล้ว
For Your Reference Part 5 Traits
For Your Reference Part 4 -- References, Borrowing, Method Syntax, and Slices
มุมมอง 764 ปีที่แล้ว
For Your Reference Part 4 References, Borrowing, Method Syntax, and Slices
N + 1 Query Problem, GraphQL, and Performance Woes
มุมมอง 7324 ปีที่แล้ว
N 1 Query Problem, GraphQL, and Performance Woes
For Your Reference Part 3 -- Ownership
มุมมอง 584 ปีที่แล้ว
For Your Reference Part 3 Ownership
For Your Reference Part 2.2 -- Algebraic Data Types for Parsing
มุมมอง 1064 ปีที่แล้ว
For Your Reference Part 2.2 Algebraic Data Types for Parsing
For Your Reference Part 2.1 -- Algebraic Data Types Theory
มุมมอง 4114 ปีที่แล้ว
For Your Reference Part 2.1 Algebraic Data Types Theory
For Your Reference Part 1 - Introduction to Rust With Noah and Eric
มุมมอง 2694 ปีที่แล้ว
For Your Reference Part 1 - Introduction to Rust With Noah and Eric
2019-11-15 Open Source TypeScript Make Clone
มุมมอง 1544 ปีที่แล้ว
2019-11-15 Open Source TypeScript Make Clone

ความคิดเห็น

  • @georios
    @georios 5 วันที่ผ่านมา

    watched the whole video. super interesting!

  • @davidwrossiter
    @davidwrossiter 5 หลายเดือนก่อน

    This is one of the best videos I have seen on the topic -- thanks so much!

  • @wojciech-kulik
    @wojciech-kulik 8 หลายเดือนก่อน

    The trick with unclosed strings doesn't work with Swift. What should be done to add this feature?

  • @baptisteArno
    @baptisteArno 8 หลายเดือนก่อน

    Thank you very much 🙏

  • @mominhamdani5710
    @mominhamdani5710 ปีที่แล้ว

    Thanks for this man!

  • @AnesAnes-t2u
    @AnesAnes-t2u ปีที่แล้ว

    thank you !

  • @4eLoVe4eKk
    @4eLoVe4eKk ปีที่แล้ว

    thanks, that really nice video

  • @seopyo-dj7ks
    @seopyo-dj7ks ปีที่แล้ว

    thanks! this video awesome! was very helpful to me :)

  • @sgwong513
    @sgwong513 ปีที่แล้ว

    love this video, heard of tree-sitter for long time but never go in-depth on how it different to normal syntax hilight in editor.

  • @Linuxdirk
    @Linuxdirk ปีที่แล้ว

    That's a great overview!

  • @louroboros
    @louroboros ปีที่แล้ว

    Thanks for sharing! There’s really not enough content out there about the practical approaches to collaborative software, especially when CRDTs are part of the subject as those tend to be more academic. Would love to get a more in depth explanation of the pros and cons of the decentralized approach. Figma’s blog posts covering the topic are really wonderful and could serve as an avenue for deeper exploration. For instance, they use CRDT-like data structures but ultimately rely on a central server to solve conflicts. This eliminates a lot of the worst trade offs for purely decentralized solutions (primarily memory/storage cost). Would also recommend you check out the diamond-types rust repo that implements some of the same Yjs CRDTs with impressive performance improvements. Cheers~

  • @gsupreeth
    @gsupreeth 2 ปีที่แล้ว

    This was useful! Thank you.

  • @kumaramresh7905
    @kumaramresh7905 2 ปีที่แล้ว

    I created a similar drawing tool th-cam.com/video/rqtKGGTlQC4/w-d-xo.html&ab_channel=KumarAmresh, but I was too bored to make it collaborative ! I mean I had an idea of how to do It and had already created Realtime applications using web-sockets before so I thought I should do something else something new !

  • @PhilippeElsass
    @PhilippeElsass 2 ปีที่แล้ว

    Very nice overview... Astro+SolidJS is very compelling.

  • @martinhassani7266
    @martinhassani7266 2 ปีที่แล้ว

    Thank you for this amazing video 🙏🏻

  • @zombizombi
    @zombizombi 2 ปีที่แล้ว

    How do you do the selections?

    • @simis_tld
      @simis_tld 2 ปีที่แล้ว

      given you have this enabled in your treesitter config: `incremental_selection = { enable = true }` you can select a node with `gnn` and expand selection with `grn`.

  • @rashie
    @rashie 2 ปีที่แล้ว

    👍👍

  • @pspiagicw
    @pspiagicw 2 ปีที่แล้ว

    Amazing explanation with a good setup. Thanks and keep it up

  • @dannydevs
    @dannydevs 2 ปีที่แล้ว

    Excellent video, thank you--looking forward to more quality content! Something quite interesting about Svelte is the lack of stateful composables, which React, Vue 3 Composition API, and Solid all have. It appears to me that the Svelte API has too much magic, i.e. too much abstraction, which prevents devs from importing and leveraging reactivity inside composable functions. I wonder if it's too late and too hard for Svelte to add that capability, which to me is a superpower that would be sorely missed, particularly at scale. Apparently there are workarounds using regular Svelte components and the Svelte store(s), but it's just not the same incredible ease of use. For examples of the power of composables, see vueUse, a utility library with all sorts of cool and stateful composables.

  • @orenelbaum1487
    @orenelbaum1487 2 ปีที่แล้ว

    Awesome video

  • @jameshughes6078
    @jameshughes6078 2 ปีที่แล้ว

    So, enum == Sum_Types == Sets and struct == Product_Types == Cartesian product?

  • @jameshughes6078
    @jameshughes6078 2 ปีที่แล้ว

    I'm severely disappointed none of the youtube video links referenced lead to rick astley

  • @heroe1486
    @heroe1486 2 ปีที่แล้ว

    i3wm power

  • @evans8245
    @evans8245 2 ปีที่แล้ว

    You have a gift, from God MAN. You're blessed

  • @JaysonCleary
    @JaysonCleary 2 ปีที่แล้ว

    You’re approach to teaching is really refreshing. Thanks for sharing!

  • @miyalys
    @miyalys 2 ปีที่แล้ว

    Thank you for the introduction!

  • @prakashg7942
    @prakashg7942 2 ปีที่แล้ว

    I sees your videos really awesome now I am into salt stack automation...

  • @airilsra
    @airilsra 2 ปีที่แล้ว

    Thanks. Tree-sitter apparently more than just a syntax highlighter like what I thought.

  • @hellsbells512
    @hellsbells512 2 ปีที่แล้ว

    Hell yeah.

  • @orenelbaum1487
    @orenelbaum1487 2 ปีที่แล้ว

    Awesome video! You did a great job introducing Solid

    • @spookysoftware
      @spookysoftware 2 ปีที่แล้ว

      Appreciate the encouragement. Thanks for watching!

  • @netbin
    @netbin 2 ปีที่แล้ว

    in russian you translate it as a baby-sitter on a tree lol

  • @aseidma3576
    @aseidma3576 3 ปีที่แล้ว

    Amazing introduction, thank you for this video!

  • @pointerish
    @pointerish 3 ปีที่แล้ว

    Awesome content. I've been mainly a Python/Django REST Framework dev for the last year. I decided to learn Elixir like 8 months ago and a couple of days ago, after a series of interviews, managed to get an Elixir job offer. I've been building small projects, practicing, and watching content like this. This video is excellent! Keep it up!

    • @muco8669
      @muco8669 2 ปีที่แล้ว

      I'm learning Elixir too, hope to get a Job this year

    • @pointerish
      @pointerish 2 ปีที่แล้ว

      @@muco8669 Wish you success! Two months later and I'm very happy I got the Elixir job. I love it.

  • @snowblazed3442
    @snowblazed3442 3 ปีที่แล้ว

    This is a great video dude, I have been a primarily full-stack React/JS dev for the last few years or so and am completely over it and the whole JS ecosystem, it's a mess. I have been enjoying developing in Elixir for the last few months, and it's been awesome to see frameworks like Phoenix Liveview challenging the status quo and the mental overhead that comes with it. Keep pumping the content, Phoenix has a great future.

  • @mshay6658
    @mshay6658 3 ปีที่แล้ว

    Hey man, great video! do you have any plans on making a Phoenix LiveView tutorial for this finance app?

    • @spookysoftware
      @spookysoftware 3 ปีที่แล้ว

      Possibly. You mean something like a tutorial on how to use LiveView concretely (using this finance app as example)?

    • @mshay6658
      @mshay6658 3 ปีที่แล้ว

      @@spookysoftware Yes, that would be very cool

  • @jameshughes6078
    @jameshughes6078 3 ปีที่แล้ว

    Fucking mx blues ftw. mmm asmr

  • @jameshughes6078
    @jameshughes6078 3 ปีที่แล้ว

    We totally ran out of time to talk about design and iteration, but I'd love to do follow-ups on those aspects 💕

  • @regexPattern
    @regexPattern 3 ปีที่แล้ว

    Best video on TH-cam. You are the reason why I will start digging into parsers more.

  • @denispmaciel
    @denispmaciel 3 ปีที่แล้ว

    Great video! Thank you!

  • @hellsbells512
    @hellsbells512 3 ปีที่แล้ว

    Cool vid bruh

  • @PlacidoYT
    @PlacidoYT 3 ปีที่แล้ว

    I see TF, SS and Tree in your videos. You earned a sub.

  • @theodoreivanov6257
    @theodoreivanov6257 3 ปีที่แล้ว

    You have ticked all the right boxes here: 1. Retrospect on Elixir, Erlang, Phoenix, so that one can understand what technologies Liveview rests upon; 2. Understandable vocabulary, with diagrams. Liveview starts like classical HTTP and end like an SPA: I finally get it; 3. A real demo app which goes beyond the usual TODO. I also watched your video on RxJS, which is also the best for my personal way of learning. Am I right to think that Liveview does away with the need for RxJS and all the other so-called REACTIVE libraries, given that each browser window, independent as it may be, can subscribe to specific change events on the Phoenix server and update itself accordingly - hence reactivity ? Thank you very much.

    • @spookysoftware
      @spookysoftware 3 ปีที่แล้ว

      Hey Theodore, Thanks so much. I'm glad you enjoyed the content! Yes! In a sense, I think you're right. RxJS is a library that can be used for managing asynchronous events and if we imagine all the update messages that comes from the phoenix server as an stream of updates, then yeah, the phoenix liveview javascript already handles this stream for you. Very insightful.

  • @Martin-kt8sz
    @Martin-kt8sz 3 ปีที่แล้ว

    I found the quality of your video just AWESOME and very very interesting, congrats !

  • @spphilipsara8207
    @spphilipsara8207 3 ปีที่แล้ว

    What program are you writing with?

    • @spookysoftware
      @spookysoftware 3 ปีที่แล้ว

      hi philip! if you're asking about my text editor, its spacemacs: www.spacemacs.org/ (really, just some fancy configuration for emacs)

    • @philipknudsen4591
      @philipknudsen4591 3 ปีที่แล้ว

      @@spookysoftware a) sorry that I'm answering from my second account. b) thank you weary much for the answer and link, its really helpful :). c) I can't actually believe you saw my comment on a year old video. It's kinder funny.

  • @alissonprimo
    @alissonprimo 3 ปีที่แล้ว

    amazing video, thanks!

  • @emildavidkov1
    @emildavidkov1 3 ปีที่แล้ว

    Great explanation!

  • @VioletJewel1729
    @VioletJewel1729 3 ปีที่แล้ว

    white background. bad

  • @WorstDeveloper
    @WorstDeveloper 3 ปีที่แล้ว

    Thanks for explaining it to this dummy. :)

  • @TonyMu
    @TonyMu 3 ปีที่แล้ว

    Very nice!

  • @curtisnewton895
    @curtisnewton895 3 ปีที่แล้ว

    I still dont understand what this does

    • @SimGunther
      @SimGunther 3 ปีที่แล้ว

      It's an ultra responsive parser library for text editors/IDEs rather than for compilers/interpreters