- 24
- 49 673
Spooky Software
เข้าร่วมเมื่อ 7 ธ.ค. 2019
This channel is the video content extension to the Spooky Software microverse, where your homeboy talks about Engineering in this modern world.
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
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 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 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
watched the whole video. super interesting!
This is one of the best videos I have seen on the topic -- thanks so much!
The trick with unclosed strings doesn't work with Swift. What should be done to add this feature?
Thank you very much 🙏
Thanks for this man!
thank you !
thanks, that really nice video
thanks! this video awesome! was very helpful to me :)
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.
That's a great overview!
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~
This was useful! Thank you.
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 !
Very nice overview... Astro+SolidJS is very compelling.
Thank you for this amazing video 🙏🏻
How do you do the selections?
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`.
👍👍
Amazing explanation with a good setup. Thanks and keep it up
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.
Awesome video
So, enum == Sum_Types == Sets and struct == Product_Types == Cartesian product?
I'm severely disappointed none of the youtube video links referenced lead to rick astley
i3wm power
You have a gift, from God MAN. You're blessed
You’re approach to teaching is really refreshing. Thanks for sharing!
Thank you for the introduction!
I sees your videos really awesome now I am into salt stack automation...
Thanks. Tree-sitter apparently more than just a syntax highlighter like what I thought.
Hell yeah.
Awesome video! You did a great job introducing Solid
Appreciate the encouragement. Thanks for watching!
in russian you translate it as a baby-sitter on a tree lol
Amazing introduction, thank you for this video!
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!
I'm learning Elixir too, hope to get a Job this year
@@muco8669 Wish you success! Two months later and I'm very happy I got the Elixir job. I love it.
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.
Hey man, great video! do you have any plans on making a Phoenix LiveView tutorial for this finance app?
Possibly. You mean something like a tutorial on how to use LiveView concretely (using this finance app as example)?
@@spookysoftware Yes, that would be very cool
Fucking mx blues ftw. mmm asmr
We totally ran out of time to talk about design and iteration, but I'd love to do follow-ups on those aspects 💕
Best video on TH-cam. You are the reason why I will start digging into parsers more.
Great video! Thank you!
Cool vid bruh
I see TF, SS and Tree in your videos. You earned a sub.
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.
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.
I found the quality of your video just AWESOME and very very interesting, congrats !
What program are you writing with?
hi philip! if you're asking about my text editor, its spacemacs: www.spacemacs.org/ (really, just some fancy configuration for emacs)
@@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.
amazing video, thanks!
Great explanation!
Glad it was helpful!
white background. bad
Thanks for explaining it to this dummy. :)
Very nice!
I still dont understand what this does
It's an ultra responsive parser library for text editors/IDEs rather than for compilers/interpreters