- Видео 70
- Просмотров 28 888
V0LAT1LE_
Пакистан
Добавлен 27 авг 2016
This channel is related to MERN stack, Game Development, and Gaming videos.
I make tutorials about stuff that I tried to find tutorials online but couldn't find them.
I make tutorials about stuff that I tried to find tutorials online but couldn't find them.
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
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/...
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
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.
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!
Yes, sure go ahead
@@V0LAT1LE_ Thank you!
@@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.
@@LtStxpendous you can try it but it won't make much difference. The colliders are just needed to check for intersection
@@V0LAT1LE_ I understand in that case it wouldn't make much sense then! lol
Cool! Good job!
Nice
NICE WORK
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
There are multiple ways to do things.
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
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.
I really like that I can make any rooms and also with different floors! Great job! @@V0LAT1LE_
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 !
Its probably a problem with dependencies. Make sure that you package has 0 dependencies.
I'm getting error like Failed to parse source map from ... ENOENT: no such file or directory
Most likely the problem is with paths somewhere
Banger 🎉🎉
les gooo waiting for this banger to drop on steam
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 !
No, imported css files won't work you will need an additional plugin for that try searching rollup plugin css import
Don't you have this on github?
Yes, I also have this published on npm search react-mui-event-calendar
@@V0LAT1LE_ You don't get me. I mean this calender project, do you have it on github? If yes, please send it.
github.com/MUK-Dev/react-mui-event-calendar
Hey grt!! I was successfully able to publish package. But getting error while adding multiple components help
What are the errors?
amazing!
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
Maybe one day 😅
@@V0LAT1LE_ Plz Fast my horror game is ready but I want to make that multiplayer
You can watch code monkeys multiplayer guide
@@V0LAT1LE_ which video exactly can you provide that video link Its my request
ruclips.net/video/7glCsF9fv3s/видео.html
Hello ! Do you have a discord server?I would like to join and learn while asking a few questions
Yes, it is linked in the description.
@@V0LAT1LE_ hey that link shows it is invalid
@@ohokie4558 discord.com/invite/3KrmMNmm
awesome, next time please mute the voiceover music is enough
brooo....😭
@@V0LAT1LE_ just take it as a feedback, it's been 10 months, I believe you improved it. BTW the content is good
Yes you are 2:20
Amazing story telling man loved it 💯
Appreciate it!
Can't wait for the test runs
Would love to be a part of that test can't wait.
keep it up
Have you tried importing MUI button to this using emotion for styling?
ruclips.net/video/x62WhwbNlNI/видео.html I also have a video about using MUI with this.
Ohh nice let's go 💯💯
yes sirrrrrr
🥱
Everything is working.. But style.css isnt reflecting on the component.
Yes, external css files won't work in this setup. You will have to add more roll up plugins for the styles to work
@@V0LAT1LE_ do you have any videos or references for that?
@@Dhanushsaji i have a video on how to add tailwind css to this. Not on external css
@@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
www.npmjs.com/package/rollup-plugin-import-css Try adding this plugin
That sledge is literally a noob
Peroo yooothooobar ❤
🙂 (inner pain intensifies)
🤫🤭
damn son
Who threw the grenade at you? 😭
Random died while throwing it
Fake diamond
Diamond for a reason ❤️
Dang man that was honestly dope and respectable 🤝
Headshots slaps also
Best of luck brother 🙏
Bro thinks he's him lmao
What in the Tom and Jerry is this?
Clutch, which you probably don't know.
Lmao maza agaya 😂😂
Old consulate 🥲
Far better than the new maze
Please like the video and subscribe to the channel as it really helps me out. Thanks for watching.😊
should produce more smoke for every letter
Is this wrong release?
This is an old clip
This is the map ‘Consulate’ before it got reworked.
Shiry aimmmmmm
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?
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
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.
Ok, I will try to make it in that format. I just made this quickly because it was just a couple of steps.
Hello, it works fine but css it totally fine but using scss is not work. how can I handle it.
You have to use rollup plugin for scss for it to work. www.npmjs.com/package/rollup-plugin-scss
Thank you. Nice video
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
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.