Don't watch this

#interview #react #reactjs #frontend #javascript
@careerwithvasanth is a RUclips channel dedicated to helping candidates clear their interview. There are more than 150 videos and new videos will be uploaded every week. If you're seriously preparing for interviews and looking for tips and tricks, please subscribe to my channel and press the bell icon.
Link to reconciliation video: • 🔥 Complete ReactJS int...
To get a dedicated one on one, you can reach out to me here: topmate.io/vas...
Link to questions: github.com/coo... (Don't forget to star the project)
Join CareerwithVasanth community to discuss with other developers: t.me/uncommongeek.
Follow me on LinkedIn - / careerwithvasanth
Join my 3100+ members frontend developer telegram group here: t.me/uncommongeek
Medium Blog: / careerwithvasanth
JavaScript Interview preparation series : • Watch this series and ...
JavaScript Custom implementation/polyfills Series: • Learn Custom implement...
Frontend system design series: • 🔥 What is frontend Sy...
MAANG series for frontend developer: • First ever MAANG serie...
Frontend mock interview series: • ReactJS & JavaScript M...
Shorts for quick access to all frontend resources: • MAANG interview Qstns ...
Tips for freshers: • 🔥 Every Engineering S...

[@technologiesmotivationd7754]

Thanks sir for sharing valuable video for us

[@careerwithvasanth]

Thank you

[@krishparmar7917]

Hello Sir, I have watched all your videos related to React.js interviews, and I wanted to share some feedback. Your questions are excellent, but they are mostly theoretical. Nowadays, many companies and startups ask a few theoretical questions for warm-up and then move on to machine coding rounds. In these rounds, they give a task to build something in front of the them, and in between they will ask some question.
I think it would be incredibly helpful if you could create some videos focused on these practical coding rounds. This would really help us prepare for upcoming interviews. I've been through 3-4 interviews myself, although they were not with high-paying companies.

[@careerwithvasanth]

Yup !! next series I'm planning is the same. This video as I clearly mentioned it is easy difficultly level. Primarily targeting service based companies.

[@popilarflims5397]

this is the code snippet for question no 10 ->
```
import React from 'react';
const items = [
'item 1',
['nested item 1.1', 'nested item 1.2', ["hye 1.3.1", ["helo 1.3.2.1"]]],
'item 2',
];
function flatlist(itemsArray, newArray){
for(let i=0; i
{itemsArray.map(item => {item})}

Flattened List ->
{ans.map(item => {item})}
);
}
function Exercise10() {
return (
)
}
export default Exercise10;
```

[@careerwithvasanth]

Wonderful !! good that you attempted !! you could tried props.childern property ? can you explore on that share more optimised snippet.

[@ankushladani496]

1. Please sign in
Because you haven't passed anything means props will be undefined and it is falsy value.

[@careerwithvasanth]

Correct !!

[@technologiesmotivationd7754]

Sir Where are you from? sir i wants to meet you please can you tell me ?

[@careerwithvasanth]

I'm from Karnataka and stay in Bengaluru. Meeting me personally, I'm not sure. Let me know what is your concern. If it is personal
join my telegram group here t.me/uncommongeek and follow me on linkedin here www.linkedin.com/in/careerwithvasanth/ and message me.

[@naveenau143]

This sort of videos are very helpful. Thanks a lot
Here is the code snippet, for 10th question.
import React from 'react';
function Flatten(list) {
return(

{
list.map((li, idx) => {
return typeof(li) == 'object' ? (
Flatten(li)
) : (
{li}
)
})
}

)
}
export function App(props) {
const listItems = [
"Item 1",
["Nested 1.1", "Nested 1.2"],
"Item 2",
"Item 3 ",
["Nested 3.1", "Nested 3.2"],
"Item 5"
]
return Flatten(listItems)
}

[@khanapeena2191]

Hi vasanth i want you to make a video on what work done by junior react developer or any other developer after getting job in detail it helps Lot

[@khanapeena2191]

very good video 🎉🎉 tomorrow I have my interview on react thank for that 😊

[@careerwithvasanth]

I know it is late !! I assume it went well !!

[@khanapeena2191]

@@careerwithvasanth it went well i selected

[@ankushladani496]

❤🎉

[@elizabethkannamma3094]

import React from 'react'
const items = [
'item 1',
['nested item 1.1', 'nested item 1.2'],
'item 2'
]
function FlattenedList(props) {
const items = props.items;
const flatted = items.flat()
return (

{flatted.map((item, i) => {
return {item}
})}

)
}
function Flatten() {
return (
Flatten
)
}
export default Flatten

[@careerwithvasanth]

Wonderful !! good that you attempted !! I want you to write the flat logic can you explore on that share more optimised snippet.

[@ore_wa_king]

Answer 10:
import React from "react";
const items = [1, 2, [3, 4, 5, 6, 7, [8, [9, 10, [[11, 12]]]]]];
function Helper({ arr }) {
return (

{arr.map((item, index) => {
if (typeof item === "object") {
return ;
} else {
return {item};
}
})}

);
}
function FlattenedList(props) {
const items = props.items;
return (



);
}
const Exercise10 = () => {
return ;
};
export default Exercise10;

[@careerwithvasanth]

Wonderful !! good that you attempted !! you could tried props.childern property ? can you explore on that share more optimised snippet.