NL Tech
NL Tech
  • 94
  • 281 352
New JavaScript Features 🆕 Grouping with Object.groupBy and Map.groupBy
Learn how to group data effortlessly in JavaScript with Object.groupBy and Map.groupBy. These powerful methods provide a concise and intuitive way to categorize data based on specific criteria. We'll guide you through their implementation and explore their advantages over traditional grouping techniques.
Contents:
0:00 Introduction
0:26 Object.groupBy Basic Demo
1:53 Grouping by a Custom Key
3:28 Map.groupBy Demo
4:02 Browser Support and Pollyfills
5:10 Conclusion
Social Media:
Email: nikola.n.lazarov@outlook.com
Twitter: nikelaz
LinkedIn: www.linkedin.com/in/nikola-lazarov
#javascript #ecmascript
Переглядів: 89

Відео

Web Client Architecture 👨‍💻 Develop an App from Scratch (Part 13)
Переглядів 2,1 тис.Місяць тому
In this video I will work on the Next.js web client application for Budget Warden (the budget tracking application that I am developing from scratch). Some of the topics I will cover include: - Implementing scalable layouts in Next.js - Global state management with the container/view model design pattern and React context - Using Next.js server side actions to execute server-to-server HTTP requ...
Next.js Authentication 👨‍💻 Develop an App from Scratch (Part 12)
Переглядів 330Місяць тому
In this video I will demonstrate how to implement JWT authentication in a Next.js client. We'll build a complete system from scratch, covering: - Login View: Craft a user-friendly interface for secure sign-in. - Authentication Hook: Guard your precious app routes for authorized users only. - Registration View: Implement a smooth user sign-up process. Repository: bw-monorepo: github.com/nikelaz/...
Level Up Your Code 🚀 Blazing Fast Lookups with Hash Maps
Переглядів 2182 місяці тому
Tired of slow searches in your code? Struggling to find a single item in a massive dataset? Hash maps are your secret weapon! In this video, I'll show you how to supercharge your algorithms for lightning-fast lookups. I'll explain why they are efficient, and how to implement them in your code to see the difference for yourself. In this video you will: - Understand the power of hash maps for fas...
Coolify 🖥 Self-Hosted Vercel/Netlify/Heroku Alternative 🚀
Переглядів 2,8 тис.2 місяці тому
PaaS application hosting providers like Vercel, Netlify and Heroku are extremely popular and that is for a good reason. They abstract away all of the deployment details and let you deploy your app with an easy to use user interface. They have their drawbacks tough - primarily the premium pricing you pay for their services, compares to a VPS or a raw cloud computing instance from AWS, Azure or G...
Navigation and Dropdown Components 👨‍💻 Develop an App from Scratch (Part 11)
Переглядів 1962 місяці тому
In this video I will build the main sidebar navigation component of the application and its accompanying layout. I will also implement a reusable react dropdown component which I will need for the months/budget period switch in the web client/application. The dropdown will work like a native HTML select element with an onChange event, accepting the data as a JSON data array. What you'll learn: ...
Table, Data Grid and Modal Dialog Components 👨‍💻 Develop an App from Scratch (Part 10)
Переглядів 3243 місяці тому
In this video I continue working on the user interface components with the presentational table component, that is a stateless styles table component. The data grid component renders a table using JSON data and column definitions and provides an implementation for editing data in place and removing rows. The modal dialog component is implemented with the HTML dialog element and we tackle synchr...
What's New in Fedora 40 🐧 Gnome 46 & Linux Kernel 6.8
Переглядів 7614 місяці тому
The new version of Fedora is out and in this video I will talk about the new features in Fedora (and desktop Linux in general, especially gnome-based desktop linux distributions). Some of the new features include: - Updated Files application (Nautilus) with better search, file operations progress user interface and performance improvements throughout - Updated Settings application with performa...
Form Components 👨‍💻 Develop an App from Scratch (Part 9)
Переглядів 2434 місяці тому
In this video I continue the implementation of the reusable components library with form components. I will implement/style the input, select, textarea and label. The video is focused primarily on styles, keeping the controls as native as possible. The components are built in a Vite library and debugged in the storybook we setup last video. What you'll learn: - Create React form components (inp...
Components Library with Vite & Storybook 👨‍💻 Develop an App from Scratch (Part 8)
Переглядів 1,4 тис.4 місяці тому
In this video I'll demonstrate how to setup a web UI components library using Vite and its library mode, storybook for the documentation/reference and debugging. The components library will be used for the budget tracking application and in this first video I will do the library repository setup and implement the first two components - the button and icon. What you'll learn: - Create a React Co...
Tailwind CSS Theme Setup 👨‍💻 Develop an App from Scratch (Part 7)
Переглядів 4335 місяців тому
In this video, I will demonstrate how to configure the Tailwind CSS theme settings. The Tailwind setup will be done in the context of a Next.js application. The valuable insight here is that I am working on a real application - a budget tracking app that I am building from scratch as a side-project. The styles setup includes setting up SASS as a preprocessor in the Next.js application and then ...
Docker Dev Environment with DB, Server and Client 👨‍💻 Develop an App from Scratch (Part 6)
Переглядів 4725 місяців тому
In this video I will create a development environment where I will be able to run a client / server / database application in a single monorepo, so that I can develop and debug efficiently on a local computer. To achieve that I will use Docker containers and Docker Compose to create a container-based environment that will run the PostgreSQL database, the Node.js backend api provider (the server...
RESTful Node.js Controllers with Fastify 👨‍💻 Develop an App from Scratch (Part 5)
Переглядів 7896 місяців тому
RESTful Node.js Controllers with Fastify 👨‍💻 Develop an App from Scratch (Part 5)
Control Flow in Rust: if/else, Loops & More! 🦀 Intro to Rust #6
Переглядів 656 місяців тому
Control Flow in Rust: if/else, Loops & More! 🦀 Intro to Rust #6
Fastify User Authentication with JWT 👨‍💻 Develop an App from Scratch (Part 4)
Переглядів 2 тис.6 місяців тому
Fastify User Authentication with JWT 👨‍💻 Develop an App from Scratch (Part 4)
New Array Methods in JavaScript 🆕 ES14
Переглядів 2496 місяців тому
New Array Methods in JavaScript 🆕 ES14
TypeORM Models and Validation 👨‍💻 Develop an App from Scratch (Part 3)
Переглядів 1,2 тис.6 місяців тому
TypeORM Models and Validation 👨‍💻 Develop an App from Scratch (Part 3)
UI/UX Design 👨‍💻 Develop an App from Scratch (Part 2)
Переглядів 8006 місяців тому
UI/UX Design 👨‍💻 Develop an App from Scratch (Part 2)
Software Architecture 👨‍💻 Develop an App from Scratch (Part 1)
Переглядів 1,9 тис.7 місяців тому
Software Architecture 👨‍💻 Develop an App from Scratch (Part 1)
Render a Rich Text (Blocks) Field in React 🚀 Strapi Course #9
Переглядів 2,7 тис.7 місяців тому
Render a Rich Text (Blocks) Field in React 🚀 Strapi Course #9
PC Build for Development and Video Editing - Fractal Design Pop Mini Air & Intel 12th Gen
Переглядів 2,1 тис.7 місяців тому
PC Build for Development and Video Editing - Fractal Design Pop Mini Air & Intel 12th Gen
GraphQL Plugin Queries & Mutations (CRUD) 🚀 Strapi Course #8
Переглядів 7217 місяців тому
GraphQL Plugin Queries & Mutations (CRUD) 🚀 Strapi Course #8
Internationalization (i18n) 🚀 Strapi Course #7
Переглядів 1,7 тис.8 місяців тому
Internationalization (i18n) 🚀 Strapi Course #7
JavaScript Tag Functions
Переглядів 9578 місяців тому
JavaScript Tag Functions
Fleet vs Visual Studio Code
Переглядів 12 тис.8 місяців тому
Fleet vs Visual Studio Code
Server Actions - Next.js Course #10
Переглядів 1 тис.9 місяців тому
Server Actions - Next.js Course #10
JWT Authentication with Login and Registration Views 🚀 Strapi Course #6
Переглядів 3,8 тис.9 місяців тому
JWT Authentication with Login and Registration Views 🚀 Strapi Course #6
Create, Update & Delete Items with the REST API 🚀 Strapi Course #5
Переглядів 2,3 тис.9 місяців тому
Create, Update & Delete Items with the REST API 🚀 Strapi Course #5
Observer Design Pattern: Theoretical Overview and Implementation in C++
Переглядів 1199 місяців тому
Observer Design Pattern: Theoretical Overview and Implementation in C
Admin Roles, Users and Permissions 🚀 Strapi Course #4
Переглядів 1,5 тис.9 місяців тому
Admin Roles, Users and Permissions 🚀 Strapi Course #4

КОМЕНТАРІ

  • @sohanshiwakoti9972
    @sohanshiwakoti9972 3 години тому

    need to delete the thumnail formate while upload image how ?

  • @ieeeuniversityofpiraeusstu6936

    I get 404 not found on the api urls... everything is enabled

  • @santoshe61
    @santoshe61 День тому

    Bro is speaking slow in 1.75X, BTW nice explanation, thanks.

    • @nltech1
      @nltech1 День тому

      @@santoshe61 haha nice one 😀

  • @newandupcoming7372
    @newandupcoming7372 4 дні тому

    This is a great series. I loved it. It shows all the steps one needs to go through.

  • @dwyt
    @dwyt 4 дні тому

    Great video! Thank you

  • @gamertike
    @gamertike 4 дні тому

    why cant i see my Arch profile in windows terminal???

  • @naydenova.studio
    @naydenova.studio 6 днів тому

    Nice one.❤

    • @nltech1
      @nltech1 6 днів тому

      Thanks 🙂

  • @dimitriy8689
    @dimitriy8689 8 днів тому

    super video

  • @shurinskiy
    @shurinskiy 14 днів тому

    How to use global mixins in scss modules without importing?

  • @prashlovessamosa
    @prashlovessamosa 15 днів тому

    Thanks quick and crisp.

  • @prashlovessamosa
    @prashlovessamosa 15 днів тому

    I am loving this series.

  • @instagramaccount6748
    @instagramaccount6748 16 днів тому

    Still.issue in local font Showing no import error but still no font family applied

  • @ankushroy1729
    @ankushroy1729 19 днів тому

    I use vim btw

  • @silaswellington487
    @silaswellington487 22 дні тому

    I’m a new developer, and I love this video and series. Are you able to share your documents so I can build with you?

  • @alexdin1565
    @alexdin1565 23 дні тому

    how to create post using this?

  • @user-cs7vo3zn1t
    @user-cs7vo3zn1t 24 дні тому

    and what about refresh token and expire jwt?

  • @MahediHSharif
    @MahediHSharif 25 днів тому

    is it mandatory to use username, for create an account, I'm trying to use first name and last name. but it doesn't work. i'm confused can you please clear me i can use my custom form out of the starpi roles, like my form will be first name, last name, email, password etc i don't want to use username.

  • @technoinfoworldwide2329
    @technoinfoworldwide2329 26 днів тому

    I like the way you are teaching for this course.This is what I was looking for beginner project where every thing you took a time to build from scratch level, design, architecture. I also suggest you to build another big application after finishing this course and request you to finish the course a bit faster . Subscribed

  • @hungnguyencanh5089
    @hungnguyencanh5089 27 днів тому

    Can't set slug field for internationalization. 😢

  • @rounak308
    @rounak308 29 днів тому

    Great content 👏.Subscribed😁Free coolify version. How many react website can be deployed.

  • @copaceticobserver
    @copaceticobserver 29 днів тому

    Hi would you recommend strapi as a cms for freelance websites?

    • @nltech1
      @nltech1 29 днів тому

      Absolutely. It is open source, so you have 0 costs and user friendly (so that you can train them to use the CMS easily). You just have to figure out a good deployment process (and cloud provider) to simplify that for your clients.

    • @copaceticobserver
      @copaceticobserver 29 днів тому

      @@nltech1 thank you!

  • @gianbattistavivolo7449
    @gianbattistavivolo7449 Місяць тому

    Waiting the next part🔥🔥

  • @VeiloR
    @VeiloR Місяць тому

    Hey, great video that's very helpful for me as a beginner. I'll have a look on more of your content! Do you have an idea for a tutorial to setup your dev tools, like you did. Like compiling after each step and so on? Regards Oliver

  • @Riot-Mafia-UP32
    @Riot-Mafia-UP32 Місяць тому

    I've spend the whole day studying your code. It's was super helpful. Easy to implement. It took time for me because I really liked your style of writing code and I wanted to learn as much as I could from it. I am working on a project and your tutorial helped me to achieve what I had to to. Thanks a lot! I am a new subscriber. Keep posting cool stuff.

  • @cassiaqueiroz5512
    @cassiaqueiroz5512 Місяць тому

    Preeetty amazing! This video really helped me. Thank you!

    • @nltech1
      @nltech1 Місяць тому

      @@cassiaqueiroz5512 Thank you! I’m glad you found it helpful!

  • @Engineer-de8ps
    @Engineer-de8ps Місяць тому

    Thanks sir, I am following your project.

  • @PoorGamer-vh2kl
    @PoorGamer-vh2kl Місяць тому

    Hi, I attempted to add a field to the user in the content type, but it disappears upon refreshing. Although it appears in the schema.json file of user-permissions, it doesn't persist. Interestingly, the field remains intact if I add it to a new collection type in the content builder.

  • @mrlectus
    @mrlectus Місяць тому

    if I use npm start it doesn't work but node app.js works, any reason why? Even though I am specifying the full path too their binary

  • @salim-s
    @salim-s Місяць тому

    how to do list

  • @miroslavmyrha
    @miroslavmyrha Місяць тому

    This video really helps, thanks :)

    • @nltech1
      @nltech1 Місяць тому

      Thank you! I'm glad it helped!

  • @brainy_001
    @brainy_001 Місяць тому

    Concise and helpful!!!

    • @nltech1
      @nltech1 Місяць тому

      Glad it was helpful!

  • @MaksymZak
    @MaksymZak Місяць тому

    Cool tutor!

  • @Stealo-
    @Stealo- Місяць тому

    Hello I study WordPress with next js, can I have github repositorie I would try to make a website page builder with WordPress backend and next js thanks you ! :)

  • @h3lltronik768
    @h3lltronik768 Місяць тому

    It does not work under server component enviroments. If you're using next.js 13+ for some reason you are going to need to encapsulate your render stuff into a wrapper component with "use client"

  • @jaiminviramgama320
    @jaiminviramgama320 2 місяці тому

    Can you please make a video about how to do user signup in the headless wordpress with next.js

  • @aravind.a
    @aravind.a 2 місяці тому

    Maybe dump question why do we need to convert JS into again JS.

  • @Fabio.T.outroconteudos-ul3pd
    @Fabio.T.outroconteudos-ul3pd 2 місяці тому

    Would be good to have Next.js + Ghost cms.

  • @draylegend
    @draylegend 2 місяці тому

    thank you, very usefull! Do you plan to make a video on how to secure ssh access?

  • @chakricherala
    @chakricherala 2 місяці тому

    Can I have the github link for this project?

  • @anar0gk158
    @anar0gk158 2 місяці тому

    microsoft cooking it fast and good. Its so Easy to use and they made it so comfortable.

  • @rutdvajrawal7933
    @rutdvajrawal7933 2 місяці тому

    Thanks for this video it is really helpful sub to you and liked the vid

  • @danilomperson
    @danilomperson 2 місяці тому

    Very nice tutorials! good job keep doing it!

    • @nltech1
      @nltech1 2 місяці тому

      Thank you! Im glad you found it useful.

  • @brucemozart3665
    @brucemozart3665 2 місяці тому

    For anyone having issues with updating: If you send a PUT request, you get a 200 ok response, but the item stays the same. Remove "data" from the body and just send the actual fields. Like { "Titel": "updated titel" }

  • @semerset
    @semerset 2 місяці тому

    Amazing guide!

  • @JaredWork
    @JaredWork 2 місяці тому

    Thak you bro, today you became my hero haha

  • @danicmaxime9003
    @danicmaxime9003 2 місяці тому

    Loved the Strapi part ! thanks man ! Subscribed What is the best way to deploy then ? any free option ?

  • @carolbaroud8856
    @carolbaroud8856 2 місяці тому

    First of all thanks for the video! I'm getting an error, how can I solve this please? Module './components/button/button' was resolved to /components-ui/src/components/button/button.tsx', but '--jsx' is not set.

    • @carolbaroud8856
      @carolbaroud8856 2 місяці тому

      it is a DTS plugin incompatibility with the new ViteJS version.

  • @huythanh3648
    @huythanh3648 2 місяці тому

    Video is so on point and just what I need, thank you so much

  • @medlo850
    @medlo850 2 місяці тому

    me: lets try vscode vscode : u should install some extensions first :) me: i did it now how to run this shit ! oh i get it i should install another extension ! vscode: error in compiling me: f*** u vscode ! that's why jetbrains is the best

  • @Engineer-de8ps
    @Engineer-de8ps 2 місяці тому

    Buget app continue sir🎉🎉

    • @nltech1
      @nltech1 2 місяці тому

      The series is in progress, the next videos are taking some time. You can expect the next video in the coming weeks 🙂