Mathieu Media

3:01

8 - DECODING ARRAYS - Array.filter()

Жыл бұрын

4:41

7 - DECODING ARRAYS - Array.find()

Жыл бұрын

4:18

1 - DECODING ARRAYS - Declaring and Defining JS Array

Жыл бұрын

2:18

6 - DECODING ARRAYS - Array.pop()

Жыл бұрын

4:59

5 - DECODING ARRAYS - shift() & unshift()

Жыл бұрын

3:02

4 - DECODING ARRAYS - Array.join()

Жыл бұрын

3:16

3 - DECODING ARRAYS - Changing Array Values

Жыл бұрын

5:46

2 - DECODING ARRAYS - Accessing Elements of JS Array

Жыл бұрын

1:04:40

Build Custom Audio Controls in React

Жыл бұрын

14:30

How to Create a Rated Slider | A React Guide for Beginners

2 жыл бұрын

16:54

create a Password Generator in Reacts

2 жыл бұрын

1:33:38

How to build a restful API for Beginners Full Course | Node js & Express

2 жыл бұрын

7:52:02

MERN Stack Blog Web App Tutorial - Full Course | A MERN Stack Guide for beginner

2 жыл бұрын

12:08

How to make a Password Validator in React.js

2 жыл бұрын

9:08

CRUD - REST API - 6 - Create Mock Contact in Mockaroo

2 жыл бұрын

14:06

CRUD - REST API - 4 - Create User and Send Token

2 жыл бұрын

19:47

CRUD - REST API - 8 - Update and Delete Contact

2 жыл бұрын

15:08

CRUD - REST API - 7 - Add & Get Contacts

2 жыл бұрын

5:49

CRUD - REST API - 2 - Creating Models

2 жыл бұрын

10:22

CRUD - REST API - 5 - Login User

2 жыл бұрын

10:04

CRUD - REST API - 3 - Registering User & Validating Input

2 жыл бұрын

11:18

How to build a restful API for Beginners | Node js & Express - 1 - Setting up Server

2 жыл бұрын

20:20

MERN Stack Blog Web App Tutorial (Part 39 - Theming) | A MERN Stack Guide for beginner

2 жыл бұрын

5:45

MERN Stack Tutorial - Blog Web App - 38 Preventing False Redirect

2 жыл бұрын

17:15

MERN Stack Tutorial - Blog Web App - 37 Displaying & Updating Profile

2 жыл бұрын

10:13

MERN Stack Tutorial - Blog Web App - 36 Creating Profile UI

2 жыл бұрын

6:05

MERN Stack Blog Web App Tutorial - Intro | A MERN Stack Guide for Beginners

2 жыл бұрын

9:52

MERN Stack Tutorial - Blog Web App - 35 Redirect On Save

2 жыл бұрын

4:52

MERN Stack Tutorial - Blog Web App - 34 Animating Options

2 жыл бұрын

Пікірлер

@aminechouicha7233 2 ай бұрын

Great tutorial. I am trying to use your dynamic component, but i want to pass the number of dynamic tabs requested. The change I made is to call 'createNewTab' with an argument like (3). This fail as the useState get call within that function and the component gets into a re-render loop. How do i fix that?

@yesufassenmohammed1955 6 ай бұрын

If you did not test it for yourself and found it working, why is the video? I do not get it.

@callofdutymobileworld3876 10 ай бұрын

Hi mathieu, how to make the navigation work as I need the pathname to navigate but the application becoming very slow

@aryansrivastava6692 10 ай бұрын

Thank you so much for this amazing project and specially timestamps

@MathieuMedia 10 ай бұрын

You are so welcome!

@swaroopakunchala8430 11 ай бұрын

Thank you so much for this wonderful video. Can I please have code base for this over git. Thank you

@ivanahavlickova1514 Жыл бұрын

Všimla jsem si, že se Vám tam objevuje nápověda již hotových funkcí, jak toho docílím, je to nějaký doplněk VSCode?

@MathieuMedia Жыл бұрын

Yes it is a vs code extension

@ambrosearuwa9458 Жыл бұрын

I want to be able to click the player slider and change song position time, @Mathieu

@swatichaudhari9030 Жыл бұрын

Please suggest me how to add image in tabs pannel instead of item 1, item 2 item 3

@pj9096963272 Жыл бұрын

How we can add DropDown to Tab?

@MathieuMedia Жыл бұрын

You mean instead of a tab label/title ?

@afzalafzal123 Жыл бұрын

Wow!!!! Mhan!!!! I was behind this small error for more than 5 hours!!!! You really helped me mhan!!! Keep going!!!!

@mohammadyaseenshaik4325 Жыл бұрын

hi @Mathieu Media , Thankyou for the video keep do it, all the best, suggestions: - do videos like this dynamic things

@merajali938 Жыл бұрын

Nice one, but I needed something where if I click an Accordion it should Call an API and then an Accordion should be created, then if this Accordion has another Child after hitting Api, then it should create another Child Accordion. Meaning if we hit api and it has data it should dynamically create the Nested Accordions continuously and the hierarchy is never ending. How can we acheive this? Please make a video on this. Thank you for the great work you're doing. All the Best.

@MathieuMedia Жыл бұрын

Hi Maraj, thanks for the comment. That's a very specific request but i didn't cover that here. i did, however, cover api calling on my MERN Stack Blog series. I am certain between this tutorial and Blog series, you will find an approach that allows you to accomplish your goal. kzbin.info/aero/PLWvJgFVY6FQFAwE3OMe7AGgM9Yh4KQB4p

@gdlmartins Жыл бұрын

Oh man, amazing content. I wish I have found u before.

@MathieuMedia Жыл бұрын

Glad you enjoy it!

@iAppsD Жыл бұрын

Module not found: Error: Can't resolve '@mui/lab/TabContext

@MathieuMedia Жыл бұрын

Did you forget to “npm install @mui/lab”

@shailshah6201 Жыл бұрын

what to do if internal server error arrives

@Voltechs Жыл бұрын

I wish the intro sound was louder.

@pedrocastro882 Жыл бұрын

If I need to create a different textarea for every tab I generate, what should I do for keep the data I enter in each one of them?

@tejas30437 Жыл бұрын

did you find solution for this?

@nozc6124 Жыл бұрын

thanks :)

@MathieuMedia Жыл бұрын

Happy to help

@biswajitbehura9175 Жыл бұрын

error show token is not vaild after login

@SquabAttack Жыл бұрын

Thank you so much for this tutorial! Yours is the first of a few I tried to follow that actually gave me (a true novice) a functional product.

@JohnBartmannMusic Жыл бұрын

came here for the volume slider implementation at 30:23. you went over the onChange method pretty quickly. got a minute to unpack how ```onChange={(e,v) => setVolume(v)}``` works?

@MathieuMedia Жыл бұрын

onChange={(e,v) => setVolume(v)} translate to function anonymousFunction(event, value){ setVolume(value) } what we are doing here is calling an anonymous function and we are passing it an event and a value. the event is triggered whenever we change the value of the slider. inside the anonymous function, we are then calling our setVolume function and passing it the new (slider) value. hope this helps!

@JohnBartmannMusic Жыл бұрын

@@MathieuMedia ah great, i understand thanks

@Herxh428 Жыл бұрын

@@MathieuMedia hey does it work if we use keyboard ??

@rysmo0 Жыл бұрын

In the case anyone gets the Error: "toasts.forEach" is not a function, user this instead, if(toasts){ Array.from(toasts).forEach(ele => { toast(ele.message, { type: ele.type }) }); clearErrors() }

@nicholassnow7063 Жыл бұрын

p͎r͎o͎m͎o͎s͎m͎ 😪

@MathieuMedia Жыл бұрын

What does that mean?

@saintcurtis4583 Жыл бұрын

Pls can you add timestamps. I really appreciate your works

@MathieuMedia Жыл бұрын

Appreciate the suggestion. it is now added

@kareemshimes9125 Жыл бұрын

Very Beautiful thanks a lot❤

@MathieuMedia Жыл бұрын

You are so welcome!

@kellywai7015 Жыл бұрын

Love your content Sir!!! (Greetings from Burma)

@ankitcoders4670 Жыл бұрын

Wow good brother I like it👌🤘

@bayuramadhanbouty3198 Жыл бұрын

great

@MathieuMedia Жыл бұрын

Appreciate you

@MulombiAnnuar Жыл бұрын

May I know the vscode extension you are using to autocomplete code suggestion. I am interested in it

@MathieuMedia Жыл бұрын

GitHub copilot

@MulombiAnnuar Жыл бұрын

@@MathieuMedia Thanks very much brother

@zlatkoiliev8927 2 жыл бұрын

Why the good dev tutorials are always with ugly design?!? I gave up on watching this only because the design is awful!

@MathieuMedia 2 жыл бұрын

what looks ugly to one may look pretty to another. And the beauty of Dev is that there are multiple ways to accomplish one goal. I really appreciate your feedback and the time you spent watching. However, if possible, I would advise you to continue watching. The UI is just a one part of the many components of this course. Learn what you can. You can always improve what you didn’t like on your next project.

@mahendranath2504 2 жыл бұрын

Thank you so much for sharing knowledge 👍🙏🏻✌️👌

@arupde6320 2 жыл бұрын

be regular .

@MathieuMedia 2 жыл бұрын

What does that mean?

@arupde6320 2 жыл бұрын

@@MathieuMedia upload on regular basis .

@brunocorreagaldino1848 2 жыл бұрын

i don't no my code return "any Property 'value' does not exist on type 'never'.ts(2339)" and label too in { tab.value } and { tab.label }

@MathieuMedia 2 жыл бұрын

i am not sure i understand your problem. what is the error you are receiving what lines (statement) is triggering the error?

@brunocorreagaldino1848 2 жыл бұрын

@@MathieuMedia this line "{tabs.map(tab => (<Tab key={tab.value} label={tab.label} />))}" return this error = Property 'value' does not exist on type 'never'.ts(2339) and Property 'label' does not exist on type 'never'.ts(2339)

@brunocorreagaldino1848 2 жыл бұрын

@@MathieuMedia i solved "const [tabs, setTabs] = useState<any[]>([])"

@MathieuMedia 2 жыл бұрын

Just out of curiosity. What language are you using, JavaScript or Typescript?

@andrewquenette8384 2 жыл бұрын

Hi, can you explain what does "app.use(express.json({ extended: false }))" do?

@MathieuMedia 2 жыл бұрын

Hi Andrew, this is an old answer but still valid and short. Check it out. stackoverflow.com/questions/29960764/what-does-extended-mean-in-express-4-0

@andrewquenette8384 2 жыл бұрын

Hi Mathieu, thanks for replying, just wanted to know why would you use express.json({ extended: false }) instead of express.urlencoded({ extended: false }), can they both be used interchangeably? Thanks

@user-qi9ts9xd6f 2 жыл бұрын

Hey nigga cant you increase in size video, i see nothing

@danielv3441 2 жыл бұрын

😠 𝓅𝓇𝑜𝓂𝑜𝓈𝓂

@alishmadhukar2177 2 жыл бұрын

Where are the source codes....?

@MathieuMedia 2 жыл бұрын

It’s in the description

@prathmeshjain6737 2 жыл бұрын

in the dynamic tabs , can we make it like google chrome ? means, the work I am doin on onw tab will remain pasued instead of refreshing the whole component . here right now, when I switch between tabs , that <Tabpanel> get refreshed.

@tejas30437 Жыл бұрын

did you find solution for this ?

@selvarajanr 2 жыл бұрын

Hi. What are the VS extensions .. you are using for this project.?

@MathieuMedia 2 жыл бұрын

I’m using Thunder Client.

@selvarajanr 2 жыл бұрын

@@MathieuMedia .. Thank u. your are using vs code extensions.. like prettier,,, etc. Can you list all your vs code extension and including theme?

@sriramdayalan1827 2 жыл бұрын

I am facing issues in the thunder client even though my code is perfectly alright Cannot GET /api/users/register pls help

@MathieuMedia 2 жыл бұрын

Are you getting any error? If so, what error are you getting?

@MathieuMedia 2 жыл бұрын

Your source code should look something like this // server.js -------- … app.use ('/api/users', require('./routes/userRoutes')); …. // userRoutes.js ------- …. const { registerUser, loginUser, getProfile, updateUser } = require('../controllers/userController') router.post('/register', registerUser) …. // userController.js ------- … const registerUser = async (req, res) => {…} … module.exports = { …. registerUser, …. } Consuming in Thunder Client localhost:5000/api/users/register Or Option 2 using baseUrl env variable. ( baseUrl = localhost:5000/api/ ) {{baseUrl}}users/register

@yassinlahhit 2 жыл бұрын

Thanks ❤️

@MathieuMedia Жыл бұрын

No problem

@jungkookseuphoricfield4199 2 жыл бұрын

please upload source code

@MathieuMedia 2 жыл бұрын

It’s in the description

@ambientmelodies5981 2 жыл бұрын

Loving the content

@ShahadatAnik 2 жыл бұрын

Do you have any git repo? If have, please share with us. Thank you <3

@MathieuMedia 2 жыл бұрын

github.com/mathieumedia/DynamicTabs

@MathieuMedia 2 жыл бұрын

Don’t forget to subscribe

@ShahadatAnik 2 жыл бұрын

@@MathieuMedia Sorry to say that, in your git repo i have found nothing 😥. Can you please update this.

@MathieuMedia 2 жыл бұрын

Try again.

@ShahadatAnik 2 жыл бұрын

@@MathieuMedia Thank you so much

@user-pu6fq2ro2s 2 жыл бұрын

Hey, I hope I'm not too late. In 1:17 you demonstrate the RadioButtonDemo_VM class, but you don't show the Base_VM. I can't understand how to write Base_VM to make it works.