at 1:27:30 the swiper doesnt work. I tried without the mapping function and adding 4 SwiperSlide myself and then in worked. but with map however i try it doesnt. do you know why?
nvm i found it instead of doing: ```{games.map((game) => (...))}``` i was doing: ``` {games.map((game) => {...})}```. but i still dont understand why this ( instead of {
I have a question about the design of Reactjs, so I thought "components" would be the place to re-use the section we need for another page or location, and the "Pages" would be the place to store many pages, in the video we have one page, but in reality, we have many pages for user can click and move into that, I thought we need to create files separate between of them, it just makes easily not need to create many files in "components" right ?????
me puedes ayudar como puedo integrar otra seccion de carpetas puedes ayudarme a un no logro hacerlo porfavor amigo donde me puedo contactar contigo si me puedes ayudar a implementar una seccion mas de carpeta porfa
Hey bro, the hex code is shown at the beginning of video, here I put it down for you: :root { --primary: #0d171f; --second: #0998a8; --bgColor: #192938; }
utils.mjs:191 Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters bu hatayı alıyorum lütfen yardım et
all the codes are explained in detail, step by step, if you had certain level of knowledge of javaScript, this is the time to upgrade you skills in react.js, cheers bro~~
Hi bro, the price I put on web shop is Australian dollar, I think 10 US dollars should be enough to buy if you register a membership and access this product at half price, cheers
compre el producto amigo muchas gracias esta bastante bueno pero me gustaria saber si puedes ayudarme hacer una descripción del producto porfavor te dono por si me ayudas porfavor amigo ayudame con eso no encuentro video que muestre como se hace para que muestre el detalle del producto al pinchar la imagen@@DStudioTechnology
You are such a legend, great at explaining logic and how things work in such an easy way! Subscribed!!!!
Thanks for the sub!
👍👍👍 Awesome!!!
Thanks! 👍
at 1:27:30 the swiper doesnt work. I tried without the mapping function and adding 4 SwiperSlide myself and then in worked. but with map however i try it doesnt. do you know why?
nvm i found it instead of doing: ```{games.map((game) => (...))}``` i was doing: ``` {games.map((game) => {...})}```. but i still dont understand why this ( instead of {
Very Amazing:)🔥 upload to back-end as well.🔥
Thanks 🔥
@@DStudioTechnology Font?
Awesome work bro, subscribed ❤
Thanks for the sub!
I have a question about the design of Reactjs, so I thought "components" would be the place to re-use the section we need for another page or location, and the "Pages" would be the place to store many pages, in the video we have one page, but in reality, we have many pages for user can click and move into that, I thought we need to create files separate between of them, it just makes easily not need to create many files in "components" right ?????
Puedes hacer un video enseñando como estructuras tus proyectos React. Gracias
me puedes ayudar como puedo integrar otra seccion de carpetas puedes ayudarme a un no logro hacerlo porfavor amigo donde me puedo contactar contigo si me puedes ayudar a implementar una seccion mas de carpeta porfa
Thanks brother
is it responsive to all devices
Bullet proof hosting kaha se lu
Can you give webfont code ..?
hi please can you provide the hex code you use for the project i can seem to see it clearly
Hey bro, the hex code is shown at the beginning of video, here I put it down for you:
:root {
--primary: #0d171f;
--second: #0998a8;
--bgColor: #192938;
}
@@DStudioTechnology thanks
utils.mjs:191 Swiper Loop Warning: The number of slides is not enough for loop mode, it will be disabled and not function properly. You need to add more slides (or make duplicates) or lower the values of slidesPerView and slidesPerGroup parameters bu hatayı alıyorum lütfen yardım et
my images are not being dynamic
Bhaiya front-end +backend project please 🙏🙏🙏
Can you provide your swiper jsx code
Hey bro, please find the following jsx code for the Swiper Component:
import React, { useState } from 'react';
// Import Swiper React components
import { Swiper, SwiperSlide } from 'swiper/react';
// Import Swiper styles
import 'swiper/css';
import 'swiper/css/effect-coverflow';
import 'swiper/css/navigation';
import './gameSwiper.css';
// import required modules
import { EffectCoverflow, Navigation, Autoplay } from 'swiper/modules';
function GameSwiper({ games }) {
const [active, setActive] = useState(false);
const handleToggleVideo = () => {
setActive(!active);
};
return (
{games.map(game => (
{game.title}
{game.description}
Order Now
))}
);
}
export default GameSwiper;
Which Software is This ??? Is This Visual Studio?
Yes Bro, the code editor is visual studio code, cheers~~
I have 1% knowledge on react still I can follow this ?
all the codes are explained in detail, step by step, if you had certain level of knowledge of javaScript, this is the time to upgrade you skills in react.js, cheers bro~~
if u saw my comment please reply once .. if it is responsive design i will want full video broh ... please reply i'm waiting
i will watch full video....
Hola amigo me vendes el código solo tengo 10 porfavor
Hi bro, the price I put on web shop is Australian dollar, I think 10 US dollars should be enough to buy if you register a membership and access this product at half price, cheers
@@DStudioTechnology
compre el producto amigo muchas gracias esta bastante bueno pero me gustaria saber si puedes ayudarme hacer una descripción del producto porfavor te dono por si me ayudas porfavor amigo ayudame con eso no encuentro video que muestre como se hace para que muestre el detalle del producto al pinchar la imagen@@DStudioTechnology
hey bro, i need file api, plz
Hey bro, the file link is in the description, but I share with you here:
drive.google.com/drive/folders/1M2g5UTHOBz_OCaYNJENQ1D3SThDfiLti?usp=sharing
BIG fan sir pliz provide item card code my images cant be displayed using props pliz 😢😢😢😢
Here you are bro, thanks for the support!
import React, { useContext } from 'react';
import './gameCard.css';
import GameRating from './GameRating';
import { AppContext } from '../App';
function GameCard({ game }) {
const { library, setLibrary, bag, setBag } = useContext(AppContext);
const handleAddToLibrary = game => {
setLibrary([...library, game]);
};
const handleRemoveFromLibrary = game => {
setLibrary(library.filter(item => item._id !== game._id));
};
const handleAddToBag = game => {
if (bag.includes(game)) return;
setBag([...bag, game]);
};
return (
handleRemoveFromLibrary(game)
: () => handleAddToLibrary(game)
}
>
{game.level}
{game.title}
{game.discount != 0 && (
{game.discount * 100}%
${game.price.toFixed(2)}
)}
${((1 - game.discount) * game.price).toFixed(2)}
handleAddToBag(game)}>
);
}
export default GameCard;
hola amigo tengo 10 usd me lo vendes en 10 usd porfavor
There won't be a sequel
Please check the part 2 video