- Видео 34
- Просмотров 560 467
Index-Zero
Швеция
Добавлен 23 ноя 2020
A channel where we together will learn and grow as programmers.
React Native Custom Input Field
In this video I'll show you how to create a custom input with validation in react native.
----------------------------------------------------------------------------------------
Source code: github.com/Index-Zero-0/React-native-Custom-Input
Please LIKE and SUBSCRIBE for more content and supporting!
#reactnative
----------------------------------------------------------------------------------------
Source code: github.com/Index-Zero-0/React-native-Custom-Input
Please LIKE and SUBSCRIBE for more content and supporting!
#reactnative
Просмотров: 4 212
Видео
React Native Custom/Animated Checkbox Component
Просмотров 2,7 тыс.Год назад
In this video I will show you how you can create a custom checkbox in react native. Source code: github.com/Index-Zero-0/react-native-custom-checkbox Please LIKE and SUBSCRIBE for more content and supporting! #Indexzero #reactnative #checkbox
React Native Multi Language App Using i18next
Просмотров 26 тыс.Год назад
In this video I will show you how you make a multi language app in react native and for that we will use two packages i18next and react-i18next. Source code: github.com/Index-Zero-0/React-native-multiple-languages.git Please LIKE and SUBSCRIBE for more content and supporting! #reactnative
Build a Cryptocurrency App with React JS
Просмотров 2,6 тыс.Год назад
In this video I will show you how you can create a simple Cryptocurrency Tracker App using React Js and an free API to fetch data from it. Source code: github.com/Index-Zero-0/Simple-crypto-dashboard.git API used in this project: docs.coincap.io/ Line Chart Example: react-chartjs-2.js.org/examples/line-chart CdnJS(FontAwesome): cdnjs.com/libraries/font-awesome Pagination tutorial video: ruclips...
React Shopping Cart Tutorial For Beginners
Просмотров 23 тыс.2 года назад
In this video I will show you how you can create a shopping cart in React JS. Source code: github.com/Index-Zero-0/react-js-shopping-cart React icons: react-icons.github.io/react-icons/ ⏲ Timestamps: [0] 0:00 Introduction and demo [1] 5:59 Shopping cart component [2] 23:14 Styling of shopping cart part-1 [3] 29:35 Adding products to shopping cart [4] 33:44 Styling of shopping cart part-2 [5] 38...
React Js Responsive Sidebar Menu Tutorial
Просмотров 11 тыс.2 года назад
In this video I'll show you how you can create responsive sidebar in react js. Source code: github.com/Index-Zero-0/React-sidebar.git React Icons: react-icons.github.io/react-icons/ Please LIKE and SUBSCRIBE for more content and supporting!
ReactJS Progressbar component tutorial
Просмотров 25 тыс.2 года назад
In this video you will see how you can create a progressbar component in ReactJS by just using hooks and inline styling. Source Code: github.com/Index-Zero-0/ReactJs-Progressbar Please LIKE and SUBSCRIBE for more content and supporting!
React JS: Searching and Sorting data
Просмотров 12 тыс.2 года назад
In this video I'll show how we can add filter, search and sort functionality to our app. Source-code: github.com/Index-Zero-0/React-JS-Searching-and-sorting.git Fake-data: www.mockaroo.com/ react-icons: react-icons.github.io/react-icons/ Please LIKE and SUBSCRIBE for more content and supporting!
ReactJS Pagination Tutorial using React Paginate
Просмотров 53 тыс.2 года назад
In this video I'll show you how you can create a pagination in ReactJS using a library called React-Paginate. We will also learn how to style the pagination that we will create. React-paginate: www.npmjs.com/package/react-paginate Please LIKE and SUBSCRIBE for more content and supporting!
Custom select menu with HTML , CSS and JavaScript
Просмотров 2422 года назад
In this video I'll show you how to create a custom select menu with html, css and javascript. Fonst awesome: cdnjs.com/libraries/font-awesome Open Sans font (google fonts): fonts.google.com/specimen/Open Sans?query=open sans Please LIKE and SUBSCRIBE for more content and supporting!
Responsive Navbar Tutorial In React JS
Просмотров 205 тыс.2 года назад
Responsive Navbar Tutorial In React JS In this video I'm gonna show you how you can create a responsive navbar in react js. Source code: github.com/Index-Zero-0/Responsive-navbar-ReactJS Please LIKE and SUBSCRIBE for more content and supporting! #responsivenavbar#navbar#reactjs#reactjstutorial
React router v6 tutorial for beginners [ 2022 ]
Просмотров 2,4 тыс.3 года назад
React router v6 tutorial for beginners [ 2022 ] React router is one of most important libraries for react. By using react router you can create multiple pages with react and this video will cover the basics of react router so you can start using it in your projects. Please LIKE and SUBSCRIBE for more content and supporting! #reactjstutorial
What is Python used for? What can you do with Python?
Просмотров 3093 года назад
What is Python used for? What can you do with Python? These are the questions that will be answered in this video. Python is very popular programming languages and probably you can see it everywhere. However it doesn't mean python is perfect for everything without there are fields where python is stronger in them. Python working with JSON data: ruclips.net/video/6pcHpnntUaE/видео.html Socket Pr...
Create a Complete Responsive Portfolio Website Template Using HTML CSS and Javascript
Просмотров 2,5 тыс.3 года назад
Create a Complete Responsive Portfolio Website Template Using HTML CSS and Javascript
Javascript working with APIs [ For Beginners ]
Просмотров 8003 года назад
Javascript working with APIs [ For Beginners ]
Javascript Project: Create Your Own PDF Viewer/Reader [ Using PDF.js Library ]
Просмотров 19 тыс.3 года назад
Javascript Project: Create Your Own PDF Viewer/Reader [ Using PDF.js Library ]
5 Small and Easy Vanilla Javascript Project Ideas For Beginners
Просмотров 1,3 тыс.3 года назад
5 Small and Easy Vanilla Javascript Project Ideas For Beginners
Javascript project: Shopping cart tutorial [ For Beginners ]
Просмотров 80 тыс.3 года назад
Javascript project: Shopping cart tutorial [ For Beginners ]
Python Socket Programming Tutorial Part-2\\2 [ Creating a TCP chat Client ]
Просмотров 4263 года назад
Python Socket Programming Tutorial Part-2\\2 [ Creating a TCP chat Client ]
Python Socket Programming Tutorial For Beginners Part-1\\2 [ Creating a TCP chat Server ]
Просмотров 1,4 тыс.3 года назад
Python Socket Programming Tutorial For Beginners Part-1\\2 [ Creating a TCP chat Server ]
Python Tutorial: How to find all Prime Numbers in a given range [ Prime Numbers in Python]
Просмотров 6763 года назад
Python Tutorial: How to find all Prime Numbers in a given range [ Prime Numbers in Python]
Install and build OpenCV python From Source on Raspberry pi 4 and 3
Просмотров 42 тыс.3 года назад
Install and build OpenCV python From Source on Raspberry pi 4 and 3
Python working with JSON data [ Read, Write and Convert JSON data ]
Просмотров 3203 года назад
Python working with JSON data [ Read, Write and Convert JSON data ]
VSCode extensions you need to know for python programming
Просмотров 35 тыс.3 года назад
VSCode extensions you need to know for python programming
Python Beginner Project: Tic Tac Toe Game (Part 2)
Просмотров 2183 года назад
Python Beginner Project: Tic Tac Toe Game (Part 2)
Python Beginner Project: Tic Tac Toe Game Part 1
Просмотров 1,1 тыс.3 года назад
Python Beginner Project: Tic Tac Toe Game Part 1
Python Projects with Source Code [ For Beginner and Intermediate Programmers ]
Просмотров 1,9 тыс.3 года назад
Python Projects with Source Code [ For Beginner and Intermediate Programmers ]
Learn how to use Speech Recognition library [ Python Speech Recognition ]
Просмотров 4544 года назад
Learn how to use Speech Recognition library [ Python Speech Recognition ]
Top 5 websites to learn or improve programming skills [ 2022 ]
Просмотров 2644 года назад
Top 5 websites to learn or improve programming skills [ 2022 ]
Python SQLite: Create tables, Insert, Delete and Update data
Просмотров 3,1 тыс.4 года назад
Python SQLite: Create tables, Insert, Delete and Update data
Hi, currently recognize_google() is not an option when I call this method; I see recognize-ibm() instead. What other options can you use? Thanks in advance
Still works in 2025, but the compatibilityJSON property is deprecated. Do not initialize as i18next in service, do import i18n from "i18next", then i18n.use(initReactI18next).init({... because of i18next collision, use it as i18n, also use i18n imported from services as i18n.changeLanguage(selectedLanguage) in App.tsx when you request from state the last used language to set it in useEffect on mount. In my case is redux toolkit and redux persist using AsyncStorage. I have a Settings component and settings.slice.ts in redux where I hold app state as theme, lang, etc.
Thank you for this amazing resource :) I just made a navbar for my portfolio and you made it so much easier.
Thank you for partaging the code source
even 2 years later this video really helped me, thx!!
Good tutorial.
What VSC theme is that?
My problem is that on mobile devices that hamburger menu takes a block in my layout, which spoils the overall design. Any way to avoid it?
How to make it pick up the pdf file from a url where the pdf is hosted rather than from system.
From where does it pick the pdf file. Where it should be uploaded. Can you tell me where it is referred in the codes. I am not clear about it. Please clarify and give me a solution.
You absolute legend.
Fantastic tutorial, thank you, very clear and concise.
But what about the response that we are getting from the backend apis ?
Thanks❤
Hadak Allah
Can you provide code where i can search text with a search text box and highlight the searched text in the viewed pdf document.
Hay alguna forma distinta por si son ya muchas vistas? una app ya grande y con muchos textos
thanks broh to make so like easy! a pesar de no hablar ingles muy bien entendi todo!
This tutorial has solved my react responsive challenge. Many thanks
This works well when the components is on the same page. How do you keep track of the count across pages??
OMG THANK YOU SO MUCH YOU HELPED ME !!!! IVE BEEN STUCK ON THIS PROBLEM FOR 2 HOURS
great. thank you
excelente resumiu tudo que eu precisava em um unico video, animação, texto e efeitos.
thank you very much! God bless you
how do i input submenus into this and to make the submenus look different for both mobile and desktop
Thanks from chennnai
Is the raspberry pi 3 work good with openCV or i need to buy tje raspberry pi 4 ?
NICE🎉
Literally better than any shit third party package out there. Thank you!
for real, they are all garbage
Thanks! Muchas Gracias!
Awesome.....:)
hey I tried this and I'm getting this error Cannot read properties of undefined (reading 'length') Products.length
Where should we use AsyncStorge to store the selected language?
but how can i create new empty react file? sorry imma newbie in this:)
can it automatically use same language that set in device system?
Thanks for this video. 😍
u even didnt click on some button....
thanks for make this video
should you use context api in this project ?
Muchas gracias!
Thank you very much
Thank you very much ❤
Really nice, thank you! I will try this with some 'asyncstorage' to persist the language chosen.
great tutorial! thank you a lot for helping me fix this in my page
I noticed that the hamburger menu does not disappear when clicked on
lmao react native look terrible with syntax, with this, android - ios native and flutter handle code like 3 minutes
You saved my day!
thank you so much
is it necessary to create the locales directory on the root?
I've seen a lot of issues with your video, bad practises, redundant code, so on, don't get me wrong, I still like the video, but evryone is boosting you up to heaven, I say your style still needs some work Like first checking in a if statement whether a string is not empty and in an other if statement checking if it is?
NOT: if (matched.length > 5 && event.target.value !== ""){ matched = matched.slice(0,5); }else if(event.target.value === ""){ matched = [] } BUT: if (event.target.value === ""){ matched = [] }else if(matched.length > 5){ matched = matched.slice(0,5); } EVEN CLEANER: event.target.value === "" ? matched = [] : matched.slice(0,5); Since the slice method uses the lenght of the array when the index is greater, you don't really need to check if the length is greater. You first check your lenght and then you make sure it's not empty, if there aren't more then 5 results or the string is empty, you check again now to make sure it is empty. I just check if it's empty, I don't need to check anymore if it's not empty, cause by the time the code get's executed I already now it isn't Your options also could be rewritten: let options = ctx.interval === '1D' ? OPTION_HOUR_MINUTE : ctx.interval === '1W' || '1M' ? OPTION_MONTH_DAY : OPTION_MONTH_YEAR; And how about your names? They should be descriptive yes, but also easy , when everthing starts with selected- or searchedCurrency, that's everything but, the same for giving the same names and just placing underscores after them Finally you always refer to the finish product to explain, it would be better if you show what you're developping, your missing imports and exports I already notice, yet it takes you more then half an hour in the video to notice. I'm a java developer, so I kind of know what I'm doing, but someone who has no experience get's stuck and dosn't know what to do. Same for packages, you just start, expecting us to know what packages to install. I haven't seen you install router-dom for example? Axios, yes later on, cause you forgot youself, I had it already installed ;p If you show in the video what you're developping, you would have noticed the issues sooner