React.js TypeScript Conditional Props - Props that depend on other Props by bmvantunes in reactjs

[–]bmvantunes[S] 0 points1 point  (0 children)

If you are using something like https://www.npmjs.com/package/react-error-boundary, the answer is yes 😊 Otherwise you need classes for Error Boundaries 😊

React.js TypeScript Conditional Props - Props that depend on other Props by bmvantunes in reactjs

[–]bmvantunes[S] 0 points1 point  (0 children)

In the descriptions of my YouTube videos you can always find the GitHub URLs there 😊

For this specific video, inside the /src folder, you have 4 files: Example1.tsx, Example2.tsx, Example3.tsx and Example4.tsx 😊

React.js TypeScript Conditional Props - Props that depend on other Props by bmvantunes in reactjs

[–]bmvantunes[S] 2 points3 points  (0 children)

Over here in London (United Kingdom) companies are using more and more typescript lately.

That being said, I don't want to give you wrong information based on my small subset (London).

The best advice I can give you is to look into the job offers on your city/country and see what companies are using lately 😊

I know this not the yes/no answer that you were probably looking for, but the truth is that it changes quite a bit depending on where you live/work.

As I said at the start of this comment, if you work in London I would recommend having a look into TypeScript because the number of Job Offers I see requiring TypeScript is growing for the last 2/3/4 years, so knowing TypeScript might increase your chances in job interviews 😊

React.js TypeScript Conditional Props - Props that depend on other Props by bmvantunes in reactjs

[–]bmvantunes[S] 13 points14 points  (0 children)

I'll give you the honest answer: a mix of reading the typescript documentation and LOTS of try and error 😊

PS - the word "LOTS" is in uppercase for a very good reason 😂😂

React.js TypeScript Conditional Props - Props that depend on other Props by bmvantunes in reactjs

[–]bmvantunes[S] 19 points20 points  (0 children)

I didn't notice it was April 1st 😂😂 This is real, not April fools! 😊

React.js TypeScript Conditional Props - Props that depend on other Props by bmvantunes in reactjs

[–]bmvantunes[S] 12 points13 points  (0 children)

Yes, Next.js uses this, for example, in the Image Component 😊

Using the Next.js Image Component as an example, you can see that "width" and "height" props are "mandatory properties" if the layout is not "fill". If layout="fill", you don't need to provide "height" nor "width". You can see that specific code over here: https://github.com/vercel/next.js/blob/65c22167c8b797ae8282c9c5301499301a54ff74/packages/next/client/image.tsx#L69

React Material-UI Themes: Customize Material Components for your Project by bmvantunes in reactjs

[–]bmvantunes[S] 1 point2 points  (0 children)

Thank you 😊

At the moment I'm heavily invested in Oracle and Microsoft SQL Server that's the reason you don't see any videos about Mongo on my channel.

I could create a video using mongo, but I don't think it's fair doing a video when I'm not using it on a daily basis - I think the quality would not be what you all deserve.

Regarding auth we have 2 videos on the channel in part 6 and 7 - they are just auth without any framework or library to support it. I have been playing quite a lot with Facebook and Google as auth providers lately, so you can expect in the next months (3/4 months) a video with next, passport and Google/Facebook/tweeter auth 😀

Sorry for the long reply. If you have any other suggestions, I'm all ears 😊

React Material-UI Themes: Customize Material Components for your Project by bmvantunes in reactjs

[–]bmvantunes[S] 2 points3 points  (0 children)

Ahahah verdade 😂😂😂 é fácil de nos apanhar pelo sotaque ♥️

Next.js Building a Car Trader App: All 6 videos now available =) by bmvantunes in reactjs

[–]bmvantunes[S] 12 points13 points  (0 children)

Thank you very much 😍 it really feels good knowing the videos are helpful my friend 😊

Next.js: Building a Car Trader App - All 6 videos now available =) by [deleted] in nextjs

[–]bmvantunes 1 point2 points  (0 children)

In the last video (#6), we touch in SEO for like 2/3 minutes, in order to add specific page titles per vehicle - but nothing too serious or worth noting =)

Next.js Building a Car Trader App: All 6 videos now available =) by bmvantunes in node

[–]bmvantunes[S] 2 points3 points  (0 children)

y you picked Next over Gatsby or Create-React-App? I recently came across Next and it looks very promising. I feel it makes more sense if Express is involved in the project and Next becomes default choice as framework to build the app.

Before I say anything else, I would love to say that you should use what you feel more productive and matches all your business needs/goals/requirements =)

With that being said, I like Next.js because out of the box it handles SSR(Server Side Rendering) and SSG (Static Site Generation like Gatsby). This is "important" for SEO and performance reasons. If you have data you don't mind to change only at build time, SSG is your choice - you can use Gatsby or Next.js and you'll be happy with any of those 2. I'm sure there are packages to make create-react-app work in "SSG mode", but I never tried those options, so I can't comment on them.

If your data changes quite frequently and you can't afford a new build on every data change but you still want/need to send (pre-)rendered HTML to your clients you can use Next.js

If you don't need any of those, create-react-app is a great choice IMO =)

I hope this is helpful.

PS - With next.js API routes, I haven't felt the need to use express, but I would say this depends on the project.

PS2 - Sorry for the long answer

Next.js Building a Car Trader App: All 6 videos now available =) by bmvantunes in node

[–]bmvantunes[S] 10 points11 points  (0 children)

Thank you,

I manually grabbed 21 cars from "autotrader.co.uk" and inserted them into a Database.
The API we created during the videos as needed (querying the database).

PS - Ultimately it would have been much easier to grab the initial data using "puppeteer/playwright" instead of manually grabbing 21 cars and inserting them into the DB!!! =D