JS Yatra (Complete Interview Package): https://bit.ly/456782M
Github Repo: https://github.com/jscafe-dev/react-yatra
React Fiber Architecture: https://github.com/acdlite/react-fiber-architecture
React Design Pattern Source Code:
HOC Pattern: https://jscafe.dev/index.php/ep1-react-hoc-pattern/
Render Props Pattern: https://jscafe.dev/index.php/ep2-render-props-pattern/
Composition Pattern: https://jscafe.dev/index.php/ep3-react-compound-pattern/
Hooks Pattern: https://jscafe.dev/index.php/ep4-react-hooks-pattern/
Rules Of Hook: https://legacy.reactjs.org/docs/hooks-rules.html
Build Custom Hooks: https://react.dev/learn/reusing-logic-with-custom-hooks
TIMESTAMPS:
0. Start 00:00
1. Brief introduction of react 00:11
2. Using react via CDN 32:42
3. Setup react app via Webpack 53:18
4. Module 4 1:25:09
– Introduction to JSX
– Element vs Component
– Conditional rendering
5. Module 5 1:57:50
– Intro to props and children
– What are import, and export terminologies
6. Module 6 2:23:18
– How to render data from lists
– Importance of keys prop
7. Module 7 2:45:07
– What are hooks
– Understanding useState
– What is re-render
– Misuse of state variables
8. What is React Fiber and Reconciliation 3:21:49
9. Exploring UseEffect hook 3:44:25
10. All about useLayoutEffect 4:14:21
11. Module 11 5:13:40
– All about useRef Hook
– forwardRef API
12. All about useCallback 5:54:55
13. All about useMemo Hook 6:40:48
14. Understanding Memo API 6:57:59
15. React Optimization via Lazy API and Suspense Component 7:17:38
16. React createContext API and useContext hook 7:30:06
17. Introduction to createPortal in react-dom 7:53:51
18. Introduction to Redux and Redux-toolkit 8:00:50
19. Introduction to React Router 8:31:58
20. What are React Design Patterns? 8:44:42
21. React HOC (Higher Order Component) Design Pattern 8:48:16
22. React Render Props Pattern 9:20:41
23. React Composition or Compound Pattern 9:35:46
24. React Custom Hook Pattern 10:02:21
25. How to fetch data from an API and Image Optimizations 10:24:41
26. Dealing with input form and optimizations 10:39:19
27. How to style components in React 10:58:01
Important Playlists to Crack Frontend Interviews
Frontend System Design: https://www.youtube.com/playlist?list=PLe3J6mZBq1xVDr297Yg0p1SHbdj_Oceld
DSA in javascript: https://www.youtube.com/playlist?list=PLe3J6mZBq1xXGugXelPwjNeWuOVrVoWQS
Javascript Questions: https://www.youtube.com/playlist?list=PLe3J6mZBq1xUWVBMpSR2zpp8paWMJQ91b
Machine Coding Round: https://www.youtube.com/playlist?list=PLe3J6mZBq1xUs529Z-IHiCix4KBm0uLp1
For any doubts and help follow me on:
Discord: https://discord.openinapp.co/1fd3t
LinkedIn: https://linkedin.openinapp.co/swdr8
Instagram: https://insta.openinapp.co/syprw
Twitter:https://twtr.openinapp.co/wm008
Telegram: https://telegram.openinapp.co/dbjtm
Video Edited By: https://bit.ly/Kashimedia_corp
Track: Clarx, Debris, 3rd Prototype, Castion, EMDI – Evolution (feat. Harley Bird) [NCS10 Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/36fq-2a7EkY
Free Download / Stream: https://ncs.io/Evolution
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Check out our Usage Policy on how to use NCS music in your videos: https://ncs.io/UsagePolicy
Tags and hashtags:
#javascript #javascriptinterviewquestions #JS #js #frontend #frontendDeveloper #software #developer #engineer #softwareengineer #frontendengineer #OOPS #closures #salary #job #placement
ReactJS
React
NextJS
Next
Frontend Course
React Course
Free React Course
Web development course
React Yatra
JS yatra
JS Cafe
Javascript concepts
JS OOPS
Javascript Object Oriented Programming
How OOPS works in Javascript
Prototypes in JS
Javascript __ptoto__
What is a prototype in Javascript
Basics of JS
How to learn javascript
Javascript
Javascript concepts
Frontend Engineer
Frontend Developer
Software Engineer
Software Development Engineer
How to become a frontend engineer
How much salary does a frontend developer make
What is the salary of a frontend engineer
Javascript for a frontend developer
Concepts of javascript
Bootcamp for frontend developers
Roadmap for a frontend engineer
How to get a job as a frontend engineer
How to become a frontend developer
Javascript tutorial
Javascript full course
Javascri[t interview questions
Javascri[t interview questions and answers
Salary of a frontend developer
System Design
Frontend System Design
