saebynVODs
saebynVODs
  • 463
  • 45 227
Building a Dynamic Time Zone Selector with React & Material-UI | Episode 159
In this video, I focus on creating a dynamic and reusable time zone selector component using React and Material-UI. Along the way, I explore the functionality of features like `useMemo` for performance optimization and work with libraries like Luxon for time zone management. I also dive into the customization possibilities with Material-UI's Autocomplete component, including filtering options and improving the user interface for better time zone searchability.
You'll see the step-by-step process of building this component, from handling data transformations to ensuring the component operates efficiently and intuitively. I troubleshoot challenges, optimize the selector's usability, and discuss considerations for integrating this component into larger applications, such as user profile pages or React-Admin interfaces.
This session provides insights into best practices when working with React components while focusing on real-world use cases for user-friendly dashboards and forms.
🔗 Check out my Twitch channel for more streams: www.twitch.tv/saebyn
GitHub: github.com/saebyn
Discord: discord.gg/N7xfy7PyHs
Переглядів: 6

Відео

Advancing the Streaming Admin Dashboard with React-Admin and Rust APIs | Episode 158
Переглядів 442 години тому
In this video, I continue work on developing a robust admin dashboard for our streaming project. Using React-Admin and Rust APIs as the backbone, I delve deeper into implementing new features and refining the frontend interface. Throughout the session, I tackle challenges such as optimizing user experience and ensuring smooth integration between the front and back end. I also share strategies f...
Exploring Recurrence Logic & UI Enhancements in React-Admin - Episode 157
Переглядів 1512 годин тому
In this video, I take you through the process of enhancing a calendar UI by adding recurrence logic, navigation buttons, and switching between week and month views. We begin by finalizing the calendar by implementing toggle features and ensuring that all test cases pass, focusing on achieving accuracy with the recurrence intervals. I explore leveraging tools like Copilot for suggestions and div...
Navigating Time Zone Challenges, new frontend continued - Episode 156
Переглядів 11816 годин тому
In this video, I dive into the complexities of managing time zones within our streaming admin and dashboard frontend project. The focus is on refining the handling of date and time calculations to ensure events are correctly scheduled and displayed regardless of differing time zones. We explore various options available through the date object, including conversions to ISO time and local format...
Exploring React Admin with Vite and TypeScript - Episode 155
Переглядів 11321 годину тому
In this video, I delve into continuing the development of our new streaming admin and dashboard front-end project. We're leveraging the power of Vite, React Admin, and TypeScript to set up a modern, efficient workspace. This session focuses on organizing components, separating repositories for the frontend and backend, and integrating alternate views like calendars and lists within our stream p...
Exploring React Admin Features for Glowing Telegram Project | Episode 154
Переглядів 22День тому
In this video, I delve into the intricacies of our Glowing Telegram project, specifically focusing on the frontend built with Vite and React Admin. Today, I explore how to manage form states effectively and deal with time input conversion errors. I discuss how to handle default values, validations, and some of the challenges that arise around setting up tags and categories within our form input...
Building a Custom UI for Stream Management with React and Vite | Episode 153
Переглядів 350День тому
In this video, we dive into developing a custom user interface to manage my streaming schedule using React and Vite. I discuss the intricacies of planning stream data representation and why using an effective date rather than a count of occurrences makes more sense for me. This interface aims to replace Twitch's stream manager by offering more granular control over streams, including the abilit...
Creating a New Vite & React Admin Frontend for Glowing Telegram | Episode 152
Переглядів 7014 днів тому
In this video, I delve into setting up a new Vite and React Admin frontend for my ongoing Glowing Telegram project. I start by discussing the need for a clean slate.I walk through my thought process of organizing repositories, considering creating separate repos for different components to maintain a streamlined project structure. While brainstorming names and other setup details, I share some ...
Rust APIs and AWS Lambda: Handling OpenAI Data with DynamoDB | Episode 151
Переглядів 11114 днів тому
In this video, we delve into serializing data from the OpenAI API for efficient storage in DynamoDB using Rust. I walk you through the process of dealing with complex data structures, focusing on overcoming challenges with Rust's type system and DynamoDB's nested attributes.We start by discussing how to modify transcription data for seamless integration, leveraging Rust libraries like Serde for...
Enhancing Video Summarization with OpenAI API and JSON Schema | Episode 150
Переглядів 2614 днів тому
In this video, I discuss how to enhance the video summarization process by integrating OpenAI APIs with JSON Schema to generate meaningful summaries from transcriptions. We start by defining a JSON schema for the response required from the OpenAI API, focusing on extracting relevant summary data from video transcriptions.After that, we dive into the technical setup, examining how to utilize tra...
Refining AWS Lambda Transcription Processing with Rust | Episode 149
Переглядів 6814 днів тому
In this video, I walk through the process of refining our AWS Lambda function, focusing on transcribing and processing data from DynamoDB using Rust. We begin by setting up a framework to handle our data serialization challenges, particularly with DynamoDB's nested data structure.Throughout the session, I discuss the importance of maintaining a clean and efficient codebase while balancing Rust'...
Implementing Seamless Video Transitions in TypeScript | glowing telegram project - Episode 148
Переглядів 4721 день тому
In this video, I dive into solving video transition issues in a TypeScript-based video editor. The main challenge addressed is maintaining the playback state when transitioning from one video to another. I explore various programming strategies to ensure the correct video plays from a specific point, maintaining the playback, mute, and loop state expected by the user. Throughout the session, I ...
Enhancing Video Player Controls with TypeScript | glowing telegram project - Episode 147
Переглядів 12321 день тому
In this video, I delve into the process of refactoring our video player controls using TypeScript for the Glowing Telegram project. We'll explore how to effectively manage state changes and develop more sophisticated playback functionalities without holding state within the video controls themselves. I start by discussing the need to remove states from video player controls, making the componen...
Improving a Video Editor with TypeScript w/ Multiple Files | glowing telegram project - Episode 146
Переглядів 4021 день тому
In this video, I discuss the challenges and solutions involved in enhancing a TypeScript-based video editor. We begin by exploring the current limitations of the video player component, which is tied to a single video source. This becomes an issue when we attempt to manage a timeline of multiple media files, simulating a continuous play of several video segments sequentially. The main goal of t...
Thinking about video segments in Typescript/React Video Editor | glowing telegram - Episode 145
Переглядів 3821 день тому
In this video, I explore the intricacies of building a video editor using TypeScript, focusing on media management and playback handling. I dive into the considerations for loading states and autoplay functionalities, debating whether to include a loading state for the video player. I also examine the challenges of supporting multiple video sources in a timeline, and outline the steps to progra...
Troubleshooting typescript/react video editor components | glowing telegram - Episode 144
Переглядів 3221 день тому
Troubleshooting typescript/react video editor components | glowing telegram - Episode 144
Building a new Video Editor Frontend in TypeScript | glowing telegram - Episode 143
Переглядів 13928 днів тому
Building a new Video Editor Frontend in TypeScript | glowing telegram - Episode 143
More deploying AWS Step Functions | glowing telegram - Episode 142
Переглядів 3828 днів тому
More deploying AWS Step Functions | glowing telegram - Episode 142
More Lambda Functions and Step Functions with AWS and Pulumi | glowing telegram - Episode 141
Переглядів 60Місяць тому
More Lambda Functions and Step Functions with AWS and Pulumi | glowing telegram - Episode 141
Streamlining AWS Lambda with Rust and Python | glowing telegram - Episode 140
Переглядів 53Місяць тому
Streamlining AWS Lambda with Rust and Python | glowing telegram - Episode 140
Testing our Docker image + exploring EC2 spot instance cost | glowing telegram - Episode 139
Переглядів 105Місяць тому
Testing our Docker image exploring EC2 spot instance cost | glowing telegram - Episode 139
Streamlining Audio Model Downloads and Video Processing with AWS | glowing telegram - Episode 138
Переглядів 48Місяць тому
Streamlining Audio Model Downloads and Video Processing with AWS | glowing telegram - Episode 138
Troubleshooting AWS Batch Job Setup with Whisper AI | glowing telegram - Episode 137
Переглядів 48Місяць тому
Troubleshooting AWS Batch Job Setup with Whisper AI | glowing telegram - Episode 137
GPU batch job queue with AWS spot instances | glowing telegram - Episode 136
Переглядів 277Місяць тому
GPU batch job queue with AWS spot instances | glowing telegram - Episode 136
Making Our Rust/TS Web App Serverless with Pulumi and Python | glowing telegram - Episode 135
Переглядів 397Місяць тому
Making Our Rust/TS Web App Serverless with Pulumi and Python | glowing telegram - Episode 135
Serverless Audio Transcriber with Rust and Python Using Pulumi | glowing telegram - Episode 134
Переглядів 91Місяць тому
Serverless Audio Transcriber with Rust and Python Using Pulumi | glowing telegram - Episode 134
Optimizing ECS with Pulumi and Python | "glowing telegram" - Episode 133
Переглядів 76Місяць тому
Optimizing ECS with Pulumi and Python | "glowing telegram" - Episode 133
"glowing telegram" serverless with pulumi and python - Episode 132
Переглядів 149Місяць тому
"glowing telegram" serverless with pulumi and python - Episode 132
Optimizing AWS Batch Jobs for Efficient Video Ingestion | glowing-telegram project - Episode 131
Переглядів 452 місяці тому
Optimizing AWS Batch Jobs for Efficient Video Ingestion | glowing-telegram project - Episode 131
Bringing in Pulumi and AWS properly, part 3 | glowing-telegram project - Episode 130
Переглядів 682 місяці тому
Bringing in Pulumi and AWS properly, part 3 | glowing-telegram project - Episode 130

КОМЕНТАРІ

  • @alfhnzo
    @alfhnzo 3 місяці тому

    will be sure to catch a stream

  • @caramel-coffee-123
    @caramel-coffee-123 3 місяці тому

    Thank you for this great video ! May I ask which font you are using in VSCode. It looks good!

    • @saebynVODs
      @saebynVODs 3 місяці тому

      Hi! I'm using "Hack NF" (apparently! I had to go and check) with editor.fontLigatures set to true. Hack NF is the NerdFont version github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/Hack of the Hack font github.com/source-foundry/Hack

    • @caramel-coffee-123
      @caramel-coffee-123 3 місяці тому

      @@saebynVODs Thank you very much! Have a good day

  • @tiamiscihk
    @tiamiscihk 3 місяці тому

    HOW DO YOU KNOW THAT

    • @saebynVODs
      @saebynVODs 3 місяці тому

      Hi! How do I know what?

  • @LJSheffRBLX
    @LJSheffRBLX 3 місяці тому

    saebynVODs, amazing content keep it up

    • @saebynVODs
      @saebynVODs 3 місяці тому

      Thanks, will do! :D

  • @saebynVODs
    @saebynVODs 4 місяці тому

    Intro to what this project is all about: ua-cam.com/video/ZLiV_bE1tFo/v-deo.html

  • @robimez
    @robimez 4 місяці тому

    i like your voice , i was 8 minutes deep before i realized i clicked on this video randomly lol. have a sub , i want to code listening to you do your own thing in the background.

    • @saebynVODs
      @saebynVODs 4 місяці тому

      Really appreciate that! Happy to keep you company while you code. Thanks for the sub!

  • @nitilpoddar
    @nitilpoddar 4 місяці тому

    This is kind of overwhelming for me, don't know why, even tho I have learned recently python and flask to make simple rest API.

    • @saebynVODs
      @saebynVODs 4 місяці тому

      No worries, these streams are all in the middle of what's becoming a more and more complex project. I am happy to answer questions, and there is a whole playlist of VODs for this project on my channel page (though it's gotten quite long at this point). I also just did a project summary video that went live earlier today.

  • @KharnCod
    @KharnCod 4 місяці тому

    vscode theme?

    • @jjurmean
      @jjurmean 4 місяці тому

      solarized dark probably

    • @saebynVODs
      @saebynVODs 4 місяці тому

      That's right, it's the bundled Solarized Dark theme.

  • @FOXXYBLOO
    @FOXXYBLOO 4 місяці тому

    🎉🎉🎉

  • @chaojiangzhou618
    @chaojiangzhou618 4 місяці тому

    What is the name of the rides client you use?

    • @saebynVODs
      @saebynVODs 4 місяці тому

      Hi 👋 it's "redis insight"

  • @OniTemitope-cm9lu
    @OniTemitope-cm9lu 5 місяців тому

    Nice videooo

    • @saebynVODs
      @saebynVODs 5 місяців тому

      👋 hey, thanks for the comment and the compliment!

  • @InternetEntreprenuer
    @InternetEntreprenuer 5 місяців тому

    About to do the same thing, I need to build a restful api to interact with my monero rpc server...

  • @yashjha44
    @yashjha44 5 місяців тому

    hot take: never use rust when you don't need to

    • @saebynVODs
      @saebynVODs 5 місяців тому

      It's a tool like any other. In this case, this project is my way to get to know Rust a bit better in practice. Thanks for the comment!

  • @sifr-in
    @sifr-in 5 місяців тому

    can u make a video on tutorial developing whatsApp server (chat one to one with authenticaion )? because your voice is clear and understandable as compared to most of the other videos!

    • @saebynVODs
      @saebynVODs 5 місяців тому

      Hi! I don't know much about whatsapp, but were you thinking of a tutorial for a backend, and for some clients to let authenticated users exchange messages? For Elixir, or does the language/runtime matter? I do want to have more focused/edited content eventually, such as tutorials, but no promises on when that might happen. Thanks for the comment!

  • @echo_the_developer
    @echo_the_developer 5 місяців тому

    severly underrated

    • @saebynVODs
      @saebynVODs 5 місяців тому

      Hey, thanks! I'm glad you like it 😀

    • @echo_the_developer
      @echo_the_developer 5 місяців тому

      @@saebynVODs what sources did you use (videos/tutorials/websites) for learning modding with kotlin?

    • @saebynVODs
      @saebynVODs 5 місяців тому

      kotlinlang.org/docs/basic-syntax.html and fabricmc.net/wiki/tutorial:start were the main things. @ModdingByKaupenjoe has a whole set of tutorials for Fabric as well that I watched bits of. Then I think during these streams I was also looking at existing github repos for some clues on how other mods do things.

    • @echo_the_developer
      @echo_the_developer 5 місяців тому

      @@saebynVODs oh I though kotlin and java would be very different coz I’m making a Minecraft launcher but I want to use kotlin for the in game mod that adds capes and stuff

    • @saebynVODs
      @saebynVODs 5 місяців тому

      The Kotlin language is a bit different from Java, but it supports compiling to Java bytecode so that it can work with Java minecraft

  • @GameBot9k
    @GameBot9k 7 місяців тому

    Hello, do you remember me I’m gamebot9k

    • @saebynVODs
      @saebynVODs 7 місяців тому

      Hi! I do :) It has been a while

    • @GameBot9k
      @GameBot9k 7 місяців тому

      @@saebynVODs it has

  • @seRko123
    @seRko123 8 місяців тому

    Amazing videos do you have a repository for it or its private

    • @saebynVODs
      @saebynVODs 8 місяців тому

      Hi there! Thanks :) All of the code for this project is at github.com/saebyn/glowing-telegram (open source license details in the repo)

  • @swiftypopty1102
    @swiftypopty1102 10 місяців тому

    Coule ones learn Kotlin only & able to create a somewhat working MC mods? Or you need basic Java skills too for certain things to create MC mods? Im quite interested on game development with Kotlin; Godot + Kotlin look quite promising.

    • @saebynVODs
      @saebynVODs 10 місяців тому

      Hi! So first, I think you are going to pick up some Java concepts as you go while learning Kotlin. And yes, you'll want to pick up a little Java to look at existing mods to learn how they work, and most aren't using Kotlin but Java. I've been looking at Godot too, but haven't had the time to really dig into it.

  • @DanteMishima
    @DanteMishima 10 місяців тому

    Ah Rust.... No thank you

    • @saebynVODs
      @saebynVODs 10 місяців тому

      Thanks for stopping by! There will be more typescript and probably other languages in the future, in this project or in others.

  • @hhasib-mr9cb
    @hhasib-mr9cb 10 місяців тому

    What theme you are using here?

    • @saebynVODs
      @saebynVODs 10 місяців тому

      Thanks for the question! I'm using the "Solarized Dark" theme that's bundled in Visual Studio Code. I'm also using the Material Icon Theme by Philipp Kief.

  • @aktyj320yhj
    @aktyj320yhj 10 місяців тому

    Me watchin' not understanding anything.

  • @aka.theos.
    @aka.theos. 10 місяців тому

    Hey, your coding videos are really cool, and I would love to see more with more context because I was mostly confused watching but I loved seeing advanced coding at the same time, keep up the good work!

    • @saebynVODs
      @saebynVODs 10 місяців тому

      Hi! Thanks! There is a playlist at ua-cam.com/play/PLCFtXWacG5xoq0Bib2pYyLQgdApX7zFbx.html with all the segments where I've been working on this. I have not gotten to the point where I can edit these videos down into more concise explanations, so the background is a bit scattered throughout the series. I'm happy to answer any questions you might have, and these videos are all from my live streams over on twitch, so I'm happy to field questions live over there as well.

    • @aka.theos.
      @aka.theos. 10 місяців тому

      @@saebynVODs I really hope you'd start making videos like that I'll subscribe and wait for them I feel like I can learn a lot from you

  • @Mxrksy
    @Mxrksy 11 місяців тому

    Well deserved

    • @saebyn
      @saebyn 11 місяців тому

      But is it, though? 😂

  • @FOXXYBLOO
    @FOXXYBLOO 11 місяців тому

    😂worth it! My Favorite video now

  • @fuierago
    @fuierago 11 місяців тому

    Oops

    • @saebynVODs
      @saebynVODs 11 місяців тому

      @FOXXYBLOO really got me with that jumpscare!

  • @上杉绘梨衣-k7p
    @上杉绘梨衣-k7p 11 місяців тому

    very cool,I like use kotlin, but i won't use it to build mod, you gave me an idea. thank you !

  • @Mxrksy
    @Mxrksy 11 місяців тому

    🤯🤯🤯

  • @Mxrksy
    @Mxrksy Рік тому

    lets go

  • @somoneelseYT
    @somoneelseYT Рік тому

    sick

  • @fuierago
    @fuierago Рік тому

    Great title, even better content. Much appreciated :)

  • @gertrudessampaio8689
    @gertrudessampaio8689 Рік тому

    Jesus man!! This is great, I’m very happy to found this channel

  • @gertrudessampaio8689
    @gertrudessampaio8689 Рік тому

    part two please

    • @saebynVODs
      @saebynVODs Рік тому

      Hi! There are follow-up videos after this one. The next in the series is at ua-cam.com/video/vCNYG_emy1U/v-deo.html (I renamed it for clarity just now). I also made a playlist for this series here: ua-cam.com/play/PLCFtXWacG5xoq0Bib2pYyLQgdApX7zFbx.html

    • @gertrudessampaio8689
      @gertrudessampaio8689 Рік тому

      @@saebynVODs Thanks for sharing your work with us

  • @fuierago
    @fuierago Рік тому

    Great content, I love it!

  • @countedgnome7216
    @countedgnome7216 Рік тому

    What is that vscode theme?

    • @saebynVODs
      @saebynVODs Рік тому

      It's the "Solarized Dark" theme that comes bundled with vscode

  • @smoodelsomething
    @smoodelsomething Рік тому

    What's the idea behind this? Is this only just for educational purposes or do you have a usecase in mind for this? I don't really get what you are doing

    • @saebynVODs
      @saebynVODs Рік тому

      Thanks for the question! A bit of both, as I haven't had a chance to do much Rust programming in a number of years. The overall goal is to implement a tool to automate some of the things I'd like to do with my twitch streams and turning them into videos here. The use case around gpt4 is having a way to inject a transcript of a section of the video and have it generate a summary of the video and cleaned up version of the transcript and put me into an interactive chatgpt-style session for further refinement. Some of that was previously implemented with Django with some of it shown in an earlier stream, but then I decided that I wanted to switch up the backend and use Rust instead.

  • @fuierago
    @fuierago Рік тому

    It's been about a weekish

    • @saebynVODs
      @saebynVODs Рік тому

      The next one here on youtube will be in about 48 hours, then I'll be streaming more Oxygen Not Included this Friday at the usual time.

  • @saebynVODs
    @saebynVODs Рік тому

    Did you see the sheep? Oops!

    • @runicrow7289
      @runicrow7289 Рік тому

      Sheep? What sheep? All I see is a ball of fire.

  • @fuierago
    @fuierago Рік тому

    Wish it was two player.,

  • @fuierago
    @fuierago Рік тому

    You make it look fun, looking forward to more game play

  • @fuierago
    @fuierago Рік тому

    Not boring

  • @fuierago
    @fuierago Рік тому

    If Astral doesn't mean moon launch soon, this is silly

    • @saebynVODs
      @saebynVODs Рік тому

      We're going to Mars next... we've got the portal for going to the moon.

  • @fuierago
    @fuierago Рік тому

    Lol, unsafe...

  • @fuierago
    @fuierago Рік тому

    I enjoy this..

  • @fuierago
    @fuierago Рік тому

    Clickeckly clack...

  • @fuierago
    @fuierago Рік тому

    What great fun!

  • @SgtGoodenough
    @SgtGoodenough Рік тому

    This time, I’ve watched till the end before commenting. I have a few notes on your iron volcano setup which I hope will be of use to you. -The conveyor loader is not in range of the auto sweeper. -The conveying loop did not seem to have been closed. Make sure to connect the bridge output to the loaders output. -Iron solidifies at a bit over 1500C, so will be leaving the loader at that temp. Copper ore and gold amalgam melt under 1100C. The rails should be iron including the bridge. -The lock will not survive unsupervised or prolonged access to the steam room. Lock it once construction is completed. Perhaps try self contained metal refining next. It works the same as your volcano setup, but with the liquid output of a metal refinery heating the steam room instead of the solid output of a volcano. Keep at it.

    • @saebynVODs
      @saebynVODs Рік тому

      Thanks! I will keep at it :D

  • @fuierago
    @fuierago Рік тому

    Your nude shirt is nude

    • @saebynVODs
      @saebynVODs Рік тому

      Yeah, I wish the green screen filter didn't mess with the color. It's actually a bright yellow IRL, as you know :P

  • @SgtGoodenough
    @SgtGoodenough Рік тому

    I’m still not done watching, but the last potential threat to your colony’s survival is heating from the spom. Again, you’re solidly in the mid game. You seem to have a decent grasp of piping. You’re mindful of your power grid. It’s all about heat management, optimization and deepening your understanding of the mechanics from here. I’ll finish watching tomorrow

  • @SgtGoodenough
    @SgtGoodenough Рік тому

    Apparently, the left hand pump of the spom is disabled by automation meaning it has a segment of automation that isn’t receiving a green signal. Probably not connected to the atmo sensor.

    • @saebynVODs
      @saebynVODs Рік тому

      Yes indeed! I think I did fix that by the end of this. During a prior stream, it was decided to disable that one pump because we didn't need it at the time

    • @SgtGoodenough
      @SgtGoodenough Рік тому

      It seemed you figured it out. I should watch to the end before commenting…

    • @saebynVODs
      @saebynVODs Рік тому

      @@SgtGoodenough No worries, thanks for watching and calling out issues you see! It's appreciated :)