V0LAT1LE_
V0LAT1LE_
  • Видео 70
  • Просмотров 28 888
Animated Image Component in React
In this video, we create an animated image component in React. This is great for pixel art animations, illustration animations, and sprite sheets. No library is required for this.
Patreon: patreon.com/V0LAT1LE_
Discord: discord.gg/3GnrYGuBuR
Like and Subscribe for more videos
Просмотров: 25

Видео

Start backend development here | Part 6 Folder Structure, Code Refactoring & GitHub Repository
Просмотров 61Месяц назад
#programming #technology #npm #webdevelopment #backenddevelopment #nodejs #javascript #python #django In this video, we set up the folder structure for the API so everything is managed as our API grows. We also refactor our code. We also setup our GitHub repository and uploaded our code to Git Hub and see how we can update it. Patreon: patreon.com/V0LAT1LE_ Discord: discord.gg/3GnrYGuBuR Like a...
Start backend development here | Part 5 Making endpoints functional
Просмотров 142 месяца назад
#programming #technology #npm #webdevelopment #backenddevelopment #nodejs #javascript #python #django In this video, we take a look at how we can send data from the frontend to the backend and create all the end points for our API like Get single item, Post, Put, Patch, & Delete. Patreon: patreon.com/V0LAT1LE_ Discord: discord.gg/3GnrYGuBuR Like and Subscribe for more videos
Start backend development here | Part 4 Setting up database
Просмотров 132 месяца назад
#programming #technology #npm #webdevelopment #backenddevelopment #nodejs #javascript #python #django In this video, we look at how we can save data in our API. What are databases and their types? And how to use MongoDB with node js to save data in your API. Patreon: patreon.com/V0LAT1LE_ Discord: discord.gg/3GnrYGuBuR Like and Subscribe for more videos
Start backend development here | Part 3 API Endpoints
Просмотров 82 месяца назад
#programming #technology #npm #webdevelopment #backenddevelopment #nodejs #javascript #python #django In this video, we set up the endpoints for our API. We discuss the database models and endpoints. We also take a look at how we can test our API with various options of tools like Postman and insomnia. Patreon: patreon.com/V0LAT1LE_ Discord: discord.gg/3GnrYGuBuR Like and Subscribe for more videos
Start backend development here | Part 2 Setting up project
Просмотров 202 месяца назад
#programming #technology #npm #webdevelopment #backenddevelopment #nodejs #javascript #python #django In this video, we dive into setting up the project and installing the required software node js vs code. Then we set up the project and installed the required packages, and then we set up the server. Patreon: patreon.com/V0LAT1LE_ Discord: discord.gg/3GnrYGuBuR Like and Subscribe for more videos
Show device based hints in Unity | New Input System
Просмотров 523 месяца назад
New Discord Link: discord.gg/3GnrYGuBuR In this video, I demonstrate how to show device-based UI hints in Unity so if a user is using a controller/gamepad then the game will show a hint based on that and if he is using a keyboard it will show a hint based on that. If you want to support my game you can subscribe to my patreon. Patreon: patreon.com/V0LAT1LE_ Discord: discord.gg/4gVFYate Like and...
Horror Game Update 1
Просмотров 623 месяца назад
New Discord Link: discord.gg/3GnrYGuBuR Hi, thank you for tuning into the video. This video is a summary of what I have been building for the past few months. This is a CO-OP horror game where you manage settlements and go on scavenge hunts into dungeons and buildings to find loot for your settlement. Which helps your settlement survive. Other Videos: Procedural Dungeon Generation: ruclips.net/...
Making a CO-OP horror game with no experience | Covert Colonies Devlog 1
Просмотров 1424 месяца назад
New Discord Link: discord.gg/3GnrYGuBuR Hi, thank you for tuning into the video. This video is a summary of what I have been building for the past few months. This is a CO-OP horror game where you manage settlements and go on scavenge hunts into dungeons and buildings to find loot for your settlement. Which helps your settlement survive. Other Videos: Procedural Dungeon Generation: ruclips.net/...
Multiplayer Test
Просмотров 265 месяцев назад
Multiplayer Test
3D Procedural Dungeon Generation | Room based dungeon generation | Unity 3D
Просмотров 2,5 тыс.5 месяцев назад
3D Procedural Dungeon Generation | Room based dungeon generation | Unity 3D
10 React JS Libraries everyone should learn.
Просмотров 525 месяцев назад
10 React JS Libraries everyone should learn.
Add Tailwind in React Component Library
Просмотров 546 месяцев назад
Add Tailwind in React Component Library
Make a complex component library in React with Rollup
Просмотров 4147 месяцев назад
Make a complex component library in React with Rollup
React Animations | React Framer Motion Crash Course
Просмотров 1588 месяцев назад
React Animations | React Framer Motion Crash Course
I made my first mobile game in unity | Home owner demo 1 (Still in development)
Просмотров 39Год назад
I made my first mobile game in unity | Home owner demo 1 (Still in development)
Start backend development here | Part 1 What is a backend?
Просмотров 36Год назад
Start backend development here | Part 1 What is a backend?
Kitchen chaos demo | First game made with unity
Просмотров 288Год назад
Kitchen chaos demo | First game made with unity
How to add Storybook to your React component library
Просмотров 261Год назад
How to add Storybook to your React component library
Make and publish a React component library from scratch with Rollup
Просмотров 9 тыс.Год назад
Make and publish a React component library from scratch with Rollup
Make an animated toggle switch button with HTML, CSS.
Просмотров 115Год назад
Make an animated toggle switch button with HTML, CSS.
React | Create this awesome animated slideshow
Просмотров 78Год назад
React | Create this awesome animated slideshow
Final year project showcase.
Просмотров 48Год назад
Final year project showcase.
Build event calendar in react from scratch | Part 4 | Adding events
Просмотров 550Год назад
Build event calendar in react from scratch | Part 4 | Adding events
Build event calendar in react from scratch | Part 3 | Making calendar grid
Просмотров 753Год назад
Build event calendar in react from scratch | Part 3 | Making calendar grid
Build event calendar in react from scratch | Part 2 | Making calendar controls
Просмотров 455Год назад
Build event calendar in react from scratch | Part 2 | Making calendar controls
Build event calendar in react from scratch | Part 1 | Preview & Setting up the project
Просмотров 943Год назад
Build event calendar in react from scratch | Part 1 | Preview & Setting up the project
200 IQ Mira play | Rainbow Six Siege Highlights.
Просмотров 354 года назад
200 IQ Mira play | Rainbow Six Siege Highlights.
Rainbow Six Siege is getting crazier everyday || Rainbow Six Siege Highlights.
Просмотров 454 года назад
Rainbow Six Siege is getting crazier everyday || Rainbow Six Siege Highlights.
The Alibi Ace | Rainbow Six Siege Highlights.
Просмотров 514 года назад
The Alibi Ace | Rainbow Six Siege Highlights.

Комментарии

  • @LtStxpendous
    @LtStxpendous 11 дней назад

    Do I have permission to use this code? Edits: This is really cool by the way! I am trying to do it myself, so I know how hard it can be. Though, you tackled it like a champ! Good job!

    • @V0LAT1LE_
      @V0LAT1LE_ 11 дней назад

      Yes, sure go ahead

    • @LtStxpendous
      @LtStxpendous 10 дней назад

      @@V0LAT1LE_ Thank you!

    • @LtStxpendous
      @LtStxpendous 7 дней назад

      ​@@V0LAT1LE_ Hey, I recently had a thought from researching other methods of dungeon room based generation. If all the generation is done and the colliders are not being used, then it might be a good idea to delete the unused colliders for optimization.

    • @V0LAT1LE_
      @V0LAT1LE_ 7 дней назад

      @@LtStxpendous you can try it but it won't make much difference. The colliders are just needed to check for intersection

    • @LtStxpendous
      @LtStxpendous 4 дня назад

      @@V0LAT1LE_ I understand in that case it wouldn't make much sense then! lol

  • @mmgla4608
    @mmgla4608 17 дней назад

    Cool! Good job!

  • @omegadesigner5019
    @omegadesigner5019 Месяц назад

    Nice

  • @Twani
    @Twani Месяц назад

    NICE WORK

  • @codecret1
    @codecret1 Месяц назад

    Why didn’t you create a vite project instead , while vite uses rollup under the hood , in this way you can showcase the components while working

    • @V0LAT1LE_
      @V0LAT1LE_ Месяц назад

      There are multiple ways to do things.

  • @sede0
    @sede0 2 месяца назад

    this is very cool it's a pity that there is no project on git hub or something like that because the generation from lethal company was made only by you on youtube

    • @V0LAT1LE_
      @V0LAT1LE_ 2 месяца назад

      Yes, I also was looking for something similar to Lethal Company but couldn't find so I came up with this. This is still not perfect. You can make larger room prefabs like long hallways with loops.

    • @sede0
      @sede0 2 месяца назад

      I really like that I can make any rooms and also with different floors! Great job! ​@@V0LAT1LE_

  • @spiral_memory
    @spiral_memory 3 месяца назад

    Hey, awesome video! I had a lot to learn. I need some help. Initially, the project I'm working on had a 'components' folder containing all the Box, Button, Input, etc. My project simply used those components. We decided to move to a monorepo approach. I successfully used Rollup to create that bundle. The bundle size in its unzipped form is around 132 KB. However, when I include it in our project and import Buttons or Inputs in many files, and try to build this project (since it's also a React library), the bundle size increases exponentially. After replacing all occurrences with component imports and building it, my bundle size increased by 16 MBs. I've tried what I could, but I really need help to resolve this. For now, I've simply marked it as external, but I want to understand the root cause of this problem and how we can fix it. I would really appreciate your help if possible !

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      Its probably a problem with dependencies. Make sure that you package has 0 dependencies.

  • @bhavyat.a9786
    @bhavyat.a9786 3 месяца назад

    I'm getting error like Failed to parse source map from ... ENOENT: no such file or directory

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      Most likely the problem is with paths somewhere

  • @al33mk
    @al33mk 3 месяца назад

    Banger 🎉🎉

  • @abdulrafaynaeem
    @abdulrafaynaeem 3 месяца назад

    les gooo waiting for this banger to drop on steam

  • @Goku-lu2wf
    @Goku-lu2wf 3 месяца назад

    bro is it working for the css files that are imported in the tsx files ? and i am very thank full to u even i also followed that video and wasted the entire day fix it !

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      No, imported css files won't work you will need an additional plugin for that try searching rollup plugin css import

  • @jeffreydanquah1312
    @jeffreydanquah1312 3 месяца назад

    Don't you have this on github?

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      Yes, I also have this published on npm search react-mui-event-calendar

    • @jeffreydanquah1312
      @jeffreydanquah1312 3 месяца назад

      @@V0LAT1LE_ You don't get me. I mean this calender project, do you have it on github? If yes, please send it.

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      github.com/MUK-Dev/react-mui-event-calendar

  • @KetanShetye-wx2uw
    @KetanShetye-wx2uw 3 месяца назад

    Hey grt!! I was successfully able to publish package. But getting error while adding multiple components help

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      What are the errors?

  • @bugzzhide7942
    @bugzzhide7942 3 месяца назад

    amazing!

  • @opmistakarmy
    @opmistakarmy 3 месяца назад

    Bhai ek toturial bana do Multiplayer connection ke liye mobiel version Jais eki ham play par click kare to random Kisi online player ke sath Connection ban jaye Like free fire pubg

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      Maybe one day 😅

    • @opmistakarmy
      @opmistakarmy 3 месяца назад

      @@V0LAT1LE_ Plz Fast my horror game is ready but I want to make that multiplayer

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      You can watch code monkeys multiplayer guide

    • @opmistakarmy
      @opmistakarmy 3 месяца назад

      @@V0LAT1LE_ which video exactly can you provide that video link Its my request

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      ruclips.net/video/7glCsF9fv3s/видео.html

  • @ohokie4558
    @ohokie4558 3 месяца назад

    Hello ! Do you have a discord server?I would like to join and learn while asking a few questions

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      Yes, it is linked in the description.

    • @ohokie4558
      @ohokie4558 3 месяца назад

      @@V0LAT1LE_ hey that link shows it is invalid

    • @V0LAT1LE_
      @V0LAT1LE_ 3 месяца назад

      @@ohokie4558 discord.com/invite/3KrmMNmm

  • @mirrorfolio
    @mirrorfolio 4 месяца назад

    awesome, next time please mute the voiceover music is enough

    • @V0LAT1LE_
      @V0LAT1LE_ 4 месяца назад

      brooo....😭

    • @mirrorfolio
      @mirrorfolio 4 месяца назад

      @@V0LAT1LE_ just take it as a feedback, it's been 10 months, I believe you improved it. BTW the content is good

  • @omegadesigner5019
    @omegadesigner5019 4 месяца назад

    Yes you are 2:20

  • @omegadesigner5019
    @omegadesigner5019 4 месяца назад

    Amazing story telling man loved it 💯

    • @V0LAT1LE_
      @V0LAT1LE_ 4 месяца назад

      Appreciate it!

  • @ephraimyousaf5845
    @ephraimyousaf5845 4 месяца назад

    Can't wait for the test runs

  • @areeshahmad5539
    @areeshahmad5539 4 месяца назад

    Would love to be a part of that test can't wait.

  • @Twani
    @Twani 4 месяца назад

    keep it up

  • @johnnybruise2562
    @johnnybruise2562 4 месяца назад

    Have you tried importing MUI button to this using emotion for styling?

    • @V0LAT1LE_
      @V0LAT1LE_ 4 месяца назад

      ruclips.net/video/x62WhwbNlNI/видео.html I also have a video about using MUI with this.

  • @omegadesigner5019
    @omegadesigner5019 4 месяца назад

    Ohh nice let's go 💯💯

  • @Twani
    @Twani 5 месяцев назад

    yes sirrrrrr

  • @Dhanushsaji
    @Dhanushsaji 5 месяцев назад

    Everything is working.. But style.css isnt reflecting on the component.

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      Yes, external css files won't work in this setup. You will have to add more roll up plugins for the styles to work

    • @Dhanushsaji
      @Dhanushsaji 5 месяцев назад

      @@V0LAT1LE_ do you have any videos or references for that?

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      @@Dhanushsaji i have a video on how to add tailwind css to this. Not on external css

    • @Dhanushsaji
      @Dhanushsaji 5 месяцев назад

      @@V0LAT1LE_ Yes I have seen that video as well. But I want to make the package with minimum dependency, that's why I'm not using Tailwindcss

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      www.npmjs.com/package/rollup-plugin-import-css Try adding this plugin

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    That sledge is literally a noob

  • @SpartacusGamingYT
    @SpartacusGamingYT 5 месяцев назад

    Peroo yooothooobar ❤

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    🙂 (inner pain intensifies)

  • @Twani
    @Twani 5 месяцев назад

    damn son

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    Who threw the grenade at you? 😭

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      Random died while throwing it

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    Fake diamond

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    Diamond for a reason ❤️

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    Dang man that was honestly dope and respectable 🤝

  • @chrismoe5215
    @chrismoe5215 5 месяцев назад

    Headshots slaps also

  • @abdullahrafiq4870
    @abdullahrafiq4870 5 месяцев назад

    Best of luck brother 🙏

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    Bro thinks he's him lmao

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    What in the Tom and Jerry is this?

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      Clutch, which you probably don't know.

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    Lmao maza agaya 😂😂

  • @Previous_Leon_Gaming
    @Previous_Leon_Gaming 5 месяцев назад

    Old consulate 🥲

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      Far better than the new maze

  • @V0LAT1LE_
    @V0LAT1LE_ 5 месяцев назад

    Please like the video and subscribe to the channel as it really helps me out. Thanks for watching.😊

  • @peep8955
    @peep8955 5 месяцев назад

    should produce more smoke for every letter

  • @emmanuelmachuat
    @emmanuelmachuat 5 месяцев назад

    Is this wrong release?

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      This is an old clip

    • @NickiesChannel
      @NickiesChannel 5 месяцев назад

      This is the map ‘Consulate’ before it got reworked.

  • @omegadesigner5019
    @omegadesigner5019 5 месяцев назад

    Shiry aimmmmmm

  • @whooslefot
    @whooslefot 5 месяцев назад

    Thank you so much for the video! Question: I want to preview the button component. I don't want to npm install my package to another project to preview it. Is there a way to preview the button component on my component library?

    • @V0LAT1LE_
      @V0LAT1LE_ 5 месяцев назад

      Yes, you can add story book to your project. I also have a video about it on my channel. ruclips.net/video/J3_rPBx1cnM/видео.html

  • @akashp5922
    @akashp5922 6 месяцев назад

    bro this video is more valuable and unique, but you mess it. make the video from starting installation to end slowly. No one is beating you from behind. please make videos slowly so that we can understand.

    • @V0LAT1LE_
      @V0LAT1LE_ 6 месяцев назад

      Ok, I will try to make it in that format. I just made this quickly because it was just a couple of steps.

  • @LinnHtet-i4j
    @LinnHtet-i4j 6 месяцев назад

    Hello, it works fine but css it totally fine but using scss is not work. how can I handle it.

    • @V0LAT1LE_
      @V0LAT1LE_ 6 месяцев назад

      You have to use rollup plugin for scss for it to work. www.npmjs.com/package/rollup-plugin-scss

  • @SemenAlexndrovich
    @SemenAlexndrovich 6 месяцев назад

    Thank you. Nice video

  • @Tallermage
    @Tallermage 7 месяцев назад

    Thats the exact article i followed to make my first component library and i couldnt import it. Co pilot was really unhelpful so i spent the entire day trying to fix and i was avout to ditch rollout for something else and start from scratch. I cant wait to try it and ill post a follow up with if worked and if i tweaked anything. Thank you!!! EDIT: I get this error: [!] RollupError: Could not resolve entry module "dist/cjs/types/index.d.ts". And it turned out i was stupid and in the rollout config missed a part of the path. The import is working properly and now it turns out my component isnt being rendered properlt but thats because i never got the chance to test it. Thanks again! You saved me a whole other day of headache

    • @LinnHtet-i4j
      @LinnHtet-i4j 6 месяцев назад

      do you use any scss in your library with rollup. I am making one with scss and storybook is ok with scss style. but when I published through the npm and use it in nextjs app styling doesn't apply.