PhanxDEV
PhanxDEV
  • 33
  • 10 178
JavaScript: Check if Object is Empty (5 Ways)
🔍 Exploring JavaScript: Learn how to check if a JavaScript object is empty! 🧐 Discover multiple techniques and tips in this quick guide.
Links:
[1] Object.getOwnPropertyNames() vs Object.keys(): phuoc.ng/collection/this-vs-that/object-get-own-property-names-vs-object-keys/
#javascript #typescript #CodingTips #WebDevelopment #Programming #FrontEndDevelopment #JavaScriptTricks #CodeSnippets #TechTips #WebDev #SoftwareDevelopment #JSObjects #LearnToCode #CodingTutorial #TechExplained #DeveloperCommunity #CodeNewbie #DevLife #WebDesign #CodeBasics #JavaScriptMethods #CodingSkills
มุมมอง: 15

วีดีโอ

ASP.NET Core Minimal API: Best Practices for Endpoint Management
มุมมอง 3021 วันที่ผ่านมา
In this video I show you how you can manage your endpoint methods in ASP.NET Core Minimal API, so can be sure to have a clean and well structured code base. #aspnetcorewebapi #aspnetcore #csharp #dotnet #http #microsoft
How to parse command line arguments with Oakton (.NET)
มุมมอง 2228 วันที่ผ่านมา
If you are looking for a good way to parse and handle command line arguments in a C# console application, you found the right video. I will show you how you can easily to that with Oakton, an open-source library for .NET. Links: [1] Oakton on GitHub: github.com/JasperFx/oakton [2] Oakton - Getting Started: jasperfx.github.io/oakton/guide/getting_started.html If you enjoyed this video, don't for...
JavaScript Promises Explained: Promise.all, Promise.allSettled, Promise.any, and Promise.race
มุมมอง 29หลายเดือนก่อน
🚀 Master JavaScript Promises in Minutes! 🚀 Confused about Promise.all, allSettled, any, and race? 🤯 In this video, I'll break down these powerful JavaScript functions, showing you how they work, their key differences, and when to use each one. Whether you're looking to handle multiple asynchronous operations or improve your code efficiency, this guide has you covered. Don't miss out on masterin...
How To Call Web APIs In C# With Refit
มุมมอง 133หลายเดือนก่อน
In this video I show you how you can easily call HTTP endpoints in your C# code, using the Refit library. I will show you some examples how to use it, it is super easy and convinient. Boy, I wish I knew this library earlier 😅 If you like this video, I would appreciate if you hit the like button and subscribe to my channel if you don't want to miss future videos. Links: [1] Refit on GitHub: gith...
Use SignalR And OpenCV To Stream WebCam Images To Client
มุมมอง 652 หลายเดือนก่อน
In this video, I demonstrate how to stream live webcam images from a server to a client using SignalR and OpenCV. Whether you're building a real-time video application or just want to learn more about integrating these powerful tools, this step-by-step tutorial will guide you through the process. If you enjoy this video, don't forget to click the like button and subscribe to my channel :) #Sign...
How To Implement Infinite Scrolling In React
มุมมอง 722 หลายเดือนก่อน
Learn how to effortlessly implement infinite scrolling in React! In this tutorial, I'll guide you through the step-by-step process to create a seamless infinite scroll feature, perfect for enhancing user experience in your web applications. Believe me, it is super simple :) Don't forget to subscribe to my channel so you won't miss future videos. If you like this video, please click the like but...
This Mistake RUINS Your React App
มุมมอง 203 หลายเดือนก่อน
In this video I will show you a small mistake in React, that might lead to huge problems in your whole application. But don't worry, it is easy to fix ;) Don't forget to like, comment, and subscribe for more React tips and tricks! #react #reactjs #javascript #typescript #coding #programming #webdevelopment #ui
How to get started with OpenLayers in React JS
มุมมอง 5403 หลายเดือนก่อน
Watch this video, if you want to know how to integrate OpenLayers in a React web application. I promise, it's very easy and super simple to follow ;) Don't forget to subscribe to my channel so you won't miss future videos. #react #reactjs #javascript #typescript #webdevelopment #development #coding #dev #tutorial #gis #webmapping #webgis
Two SUPER simple tricks for debugging Knockout JS apps
มุมมอง 593 หลายเดือนก่อน
Learn two simple yet effective debugging hacks for KnockoutJS in this quick tutorial. Whether you're a beginner or an experienced developer, these tips will help you troubleshoot your code more efficiently. Watch now and streamline your KnockoutJS development process! #KnockoutJS #DebuggingTips #WebDevelopment #JavaScript #typescript #CodingHacks #DevTips #Programming #TechTutorials #LearnToCod...
params keyword gets a HUGE upgrade in C# 13
มุมมอง 364 หลายเดือนก่อน
🎥 Exploring the New Features of the params Keyword in C# 13! 🚀 Get ready for a game-changing upgrade to the params keyword in C# 13! This new feature will revolutionize how you work with variable-length argument lists in your code. Links: [1] What’s new in C# 13: learn.microsoft.com/en-us/dotnet/csharp/whats-new/csharp-13 #CSharp13 #CSharp #Programming #Coding #SoftwareDevelopment #ParamsKeywor...
Implement a fancy OpenLayers hover effect for GeoJSON features
มุมมอง 1284 หลายเดือนก่อน
Learn how to enhance your OpenLayers map with an interactive hover effect for features! In this tutorial, I'll walk you through the steps to implement this cool feature, making your map more engaging and user-friendly. Perfect for web developers and GIS enthusiasts looking to add some interactivity to their projects. 📌 Topics covered: - Setting up an OpenLayers map - Adding GeoJSON features - I...
How to call a Web API from a Blazor component #blazor #http #webapi
มุมมอง 1.3K4 หลายเดือนก่อน
In this video, I will show you, how to call a HTTP backend from a Blazor component. Perfect for both newcomers and seasoned developers aiming to refine their skills in crafting dynamic web apps using .NET and C#. Whether you're developing a personal blog or a professional e-commerce platform, mastering HTTP/API calls in Blazor is crucial for creating responsive and interactive web solutions. Jo...
How to easily create a brand new React app with VITE
มุมมอง 1645 หลายเดือนก่อน
🚀 Say goodbye to Create React App and hello to Vite! In this video, I'll walk you through how Vite can supercharge your React development workflow. No more waiting for builds - it's instant and efficient. Join me as we explore the future of React development with Vite! #React #Vite #WebDevelopment #FrontEnd #JavaScript #typescript #Coding #TechTips
How .NET's FrozenDictionary improves performance
มุมมอง 1585 หลายเดือนก่อน
How .NET's FrozenDictionary improves performance
C#'s StringBuilder will BOOST your Apps performance in Minutes
มุมมอง 275 หลายเดือนก่อน
C#'s StringBuilder will BOOST your Apps performance in Minutes
How to implement debouncing in React (forget lodash) #react #debouncing
มุมมอง 146 หลายเดือนก่อน
How to implement debouncing in React (forget lodash) #react #debouncing
C# Dictionary: Why you MUST use TryGetValue()
มุมมอง 1686 หลายเดือนก่อน
C# Dictionary: Why you MUST use TryGetValue()
Why I would not use Knockout.js anymore #javascript #knockoutjs #mvvm
มุมมอง 7877 หลายเดือนก่อน
Why I would not use Knockout.js anymore #javascript #knockoutjs #mvvm
How to create a context menu in React #react
มุมมอง 3857 หลายเดือนก่อน
How to create a context menu in React #react
Avoid these common mistakes with C#'s LINQ
มุมมอง 1327 หลายเดือนก่อน
Avoid these common mistakes with C#'s LINQ
Newtonsoft.Json vs System.Text.Json: Which one's faster? #dotnet #json
มุมมอง 4698 หลายเดือนก่อน
Newtonsoft.Json vs System.Text.Json: Which one's faster? #dotnet #json
Using OpenLayers in Blazor: Will that work?
มุมมอง 4898 หลายเดือนก่อน
Using OpenLayers in Blazor: Will that work?
.NET + WebAssembly: Read Excel files in the browser
มุมมอง 1259 หลายเดือนก่อน
.NET WebAssembly: Read Excel files in the browser
Conditional rendering in React: Don't make it so complicated!
มุมมอง 279 หลายเดือนก่อน
Conditional rendering in React: Don't make it so complicated!
Reader first: Mastering binary serialization in C#
มุมมอง 39710 หลายเดือนก่อน
Reader first: Mastering binary serialization in C#
Run .NET in the browser: Create PDF docs with WebAssembly
มุมมอง 9610 หลายเดือนก่อน
Run .NET in the browser: Create PDF docs with WebAssembly
How to overcome React's closure trap
มุมมอง 4711 หลายเดือนก่อน
How to overcome React's closure trap
JavaScript Maps: What C# Developers Need to Know
มุมมอง 611 หลายเดือนก่อน
JavaScript Maps: What C# Developers Need to Know
How I integrated OpenLayers in React Native
มุมมอง 3.3K11 หลายเดือนก่อน
How I integrated OpenLayers in React Native

ความคิดเห็น

  • @StupidInternetPeople1
    @StupidInternetPeople1 17 วันที่ผ่านมา

    Amazing doucheFace thumbnail! Congrats you look like every unimaginative, lazy creator on YT. Clearly intelligent people choose stupid face thumbnails because looking like an idiot is a huge indicator that your content must be amazing! 😂

    • @PhanxDEV95
      @PhanxDEV95 16 วันที่ผ่านมา

      Thank you for your opinion 😂

  • @RobertErath
    @RobertErath 26 วันที่ผ่านมา

    debug mode benchmarks is useless. Also, without even basic complex types such as dictionary which adds overhead... then your testing minimums which isnt a good benchmark.

    • @PhanxDEV95
      @PhanxDEV95 23 วันที่ผ่านมา

      Thank you for sharing your opinion. I partially agree. Release mode benchmarks are better, that's why I did other benchmarks in release mode in later videos. I still don't think they are useless, they still show the performance difference between Newtonsoft.Json and System.Text.Json. Regarding complex types: Of course, to get a full picture of the performance differences, you need to test it with more realistic data, but that depends very much on your specific scenario. This video should give you a basic idea of the performance differences between these two JSON serializers.

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

    Can you do a video to add the location icon pls

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

      Thank you for your comment. I will consider creating such a video :)

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

    What if you want to dynamically create UI with JSON, is there something else you would use?

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

      Well, I guess a "dynamic UI" means that you have certain predefined UI elements that can be defined/configured via JSON? I think modern frameworks like React, Angular, Vue.js ... will be anyhow able to do this.

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

      @@PhanxDEV95 I mean the ability to generate UIs (including all the super detailed properties) using strings without predefining components.

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

    you're jenius, man

  • @PhanxDEV95
    @PhanxDEV95 2 หลายเดือนก่อน

    Here you can find the GitHub repo with the example code: github.com/PhanxDEV/ol-react-example

  • @marvinfok65
    @marvinfok65 2 หลายเดือนก่อน

    Thank you so much, there are so few OpenLayers map tutorials for react native in TH-cam!

  • @D_Wizz
    @D_Wizz 2 หลายเดือนก่อน

    The primary issue with this approach is that you are still rendering all of these elements, if you have many complex elements this will eventually cause slowdowns. I think you should cover infite scrolling while only rendering what is actually being shown.

    • @PhanxDEV95
      @PhanxDEV95 2 หลายเดือนก่อน

      Good point, thank you for your comment:)

  • @Ashur-lab
    @Ashur-lab 2 หลายเดือนก่อน

    Hello sir. Huh do you have any tutorial on how to start using OpenLayers on react js? I love your video !!

    • @PhanxDEV95
      @PhanxDEV95 2 หลายเดือนก่อน

      Thank you for your comment:) Maybe this video can help you: How to get started with OpenLayers in React JS th-cam.com/video/okcnlN91dC0/w-d-xo.html

  • @pasta8026
    @pasta8026 2 หลายเดือนก่อน

    Just leaving a comment to say how thankful I am I've heard of StringBuilders but never actually used it cos I didn't have the motivation to test it out (when I can be doing other things + my current setup works already). My project uses a lot of strings due to dialogue and UX displaying numbers w/ decimals so knowing this really helps

    • @PhanxDEV95
      @PhanxDEV95 2 หลายเดือนก่อน

      Thank you for your nice words, I really appreciate it. I am glad the video was helpful for you :)

  • @יוסימזרחי-פ7י
    @יוסימזרחי-פ7י 2 หลายเดือนก่อน

    Thank you very much, the video is very helpful. Can you please link to github for the code?

    • @PhanxDEV95
      @PhanxDEV95 2 หลายเดือนก่อน

      Thank you for your comment. The code is not yet on GitHub. I'll publish it as soon as I have time and will link the repo here in the comments :)

    • @PhanxDEV95
      @PhanxDEV95 2 หลายเดือนก่อน

      I published the example code to GitHub, see pinned comment :)

  • @AnupamSharma-sh6vo
    @AnupamSharma-sh6vo 3 หลายเดือนก่อน

    Hey, working on a Cab Facility app , can you advice me how to use this map somewhat like Uber, where we have markers , geocoding , reverse geocoding ?

    • @PhanxDEV95
      @PhanxDEV95 3 หลายเดือนก่อน

      Hello. Thank you for your comment :) (And sorry for the late response) Look at this OL example: openlayers.org/en/latest/examples/modify-icon.html. You should be able to do something similar to implement markers. Always keep in mind, that you put the JS code that interacts with OpenLayers has to be put in the Wep application, if you need some kind of interaction with the React Native app itself, you need to define global functions on the window object of the web app. Regarding geocoding: I do not really have experience with that to be honest, but I know that there are pretty cool services for that from Google. I would try to integrate them in the wep app part of the project. I hope this helps a little :)

    • @AnupamSharma-sh6vo
      @AnupamSharma-sh6vo 3 หลายเดือนก่อน

      @@PhanxDEV95 Thanks a lot mate.

  • @charlesreed8420
    @charlesreed8420 4 หลายเดือนก่อน

    you can also use bitwise opps: a = 10 b = 20 a = a^b b = a^b a = a^b

  • @adammobile7149
    @adammobile7149 4 หลายเดือนก่อน

    Backbone js is the best!

  • @myunboxtherapy313
    @myunboxtherapy313 4 หลายเดือนก่อน

    Nice video. We do not have any alternative of SearchToken in System.Text.Json to query.

    • @PhanxDEV95
      @PhanxDEV95 4 หลายเดือนก่อน

      Thank you for your comment:) Yes, unfortunately some features of Newtonsoft.Json don‘t have an equivalent in System.Text.Json

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

    nice, thanks

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

    This is amazing. Thank you. But now, how can you pass the GEOJson dynamically to the map? Let's say an API call that returns GEOJson data that needs to be rendered on the map?

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

      Thank you for your kind words :) To answer your question: In the main.js file of the OpenLayers web app, you could add another function to the window object, just like you saw it in the video with the "zoomToGeoJSON", maybe you want to call it something like "addGeoJsonFeatuers". This function could have a parameter, which is the GeoJSON result from the API call and it will add the features to the GeoJson source (variable name "geoJsonSource" in the example) via "addFeatures". You can then call this function from react native just like the zoomToGeoJSON function in the example. I hope this is a help for you

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

      @@PhanxDEV95 Thank you, let me try this and get I will get back to you once done!!!

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

    I appreciate this. Saved me some time doing it myself

  • @PhanxDEV95
    @PhanxDEV95 6 หลายเดือนก่อน

    You can find the example project from the video here: github.com/PhanxDEV/react-contextmenu-example

  • @minhnguyenquocnhat3796
    @minhnguyenquocnhat3796 6 หลายเดือนก่อน

    Hi, can you share this code. Thank you very much

    • @PhanxDEV95
      @PhanxDEV95 6 หลายเดือนก่อน

      Done. See my pinned comment :)

    • @minhnguyenquocnhat3796
      @minhnguyenquocnhat3796 6 หลายเดือนก่อน

      @@PhanxDEV95 thank you very much.

  • @jiriklokocka7371
    @jiriklokocka7371 6 หลายเดือนก่อน

    Briliants sir, it helped a lot!

    • @PhanxDEV95
      @PhanxDEV95 6 หลายเดือนก่อน

      Thank you 😊

  • @acerreteq703
    @acerreteq703 7 หลายเดือนก่อน

    Hello Phanx, thank you very much for this video! You described everything i needed to know for serializing my neural net data. Du hast ein Abo und ich hoffe es kommen noch viele C# Videos. 🖖

    • @PhanxDEV95
      @PhanxDEV95 7 หลายเดือนก่อน

      Thank you for your nice comment 😊

  • @nickimberlin
    @nickimberlin 7 หลายเดือนก่อน

    I need to build this 😮. You are some type of genius wizard! Thank you for the video!

    • @PhanxDEV95
      @PhanxDEV95 7 หลายเดือนก่อน

      Thank you for your nice comment :)

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

    muito obrigada!!!😍😍

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

      You‘re welcome 😅

  • @labibhassan6679
    @labibhassan6679 9 หลายเดือนก่อน

    <3 <3

  • @areshkaa
    @areshkaa 11 หลายเดือนก่อน

    dont stop to create videos, each one is very helpful, thank you!

    • @PhanxDEV95
      @PhanxDEV95 11 หลายเดือนก่อน

      Thank you :)

  • @areshkaa
    @areshkaa 11 หลายเดือนก่อน

    you saved my life, man

  •  11 หลายเดือนก่อน

    Muito bom.