Vragen interview React

1. Welke projecten heb je al gedaan in react? Kan je daar iets over vertellen?

2. Welk niveau vind je zelf dat je hebt?

2. Wat vond je daar leuk/ niet leuk aan. Waarom react? Waarom redux?

3. Heb je ervaring met full stack development

4. Hoe zou je een nieuw project opstarten? Welke technologieën zou je gebruiken?

5. Kan je een aantal … opnoemen?
1. Test frameworks? Mocha jest
2. Styling ? Sass, css-to-js, styled components

6. Kan je volgende js-begrippen toelichten
a. Scope (= variables ,…)
b. concurrency (= different parts or units of a program, algorithm, or problem to be executed out-of-order or at the same time, React18 now allows concurrency – navigate between screens and at same time allow user input, …. > To precent bugs, wrap components in <Strict Mode>)
c. runtime vs compile (compile = converted into executable code, runtime =code running, js is interpreted language, Interpreted languages must be reduced to machine instructions.— at run time. JS = interpreted, typescript = compiledd )
d. == vs ===
e. functioneel programmeren (Geen shared state, pure functions, <> object oriented, easier to test, more predictable)

7. Ken je volgende beginners React begrippen toelichten
1. jsx
2. store- state – props -hooks (= use state without a class, share state between components)
3. virtual dom – reconciliation – keys (why)

8. Ken je volgende advanced(React) begrippen toelichten
1. HOC componenten (= for reusing component logic, fe connect /redux)
2. Portals (= render children outside of dom hierarchy)
3. Error Boundaries  (= to catch errors in code and show fe message)
4. Suspense (= wait for code and show something in loading state)
5. Context-Provider (= provides context values fe theme)
6.. Concurrent mode (= experimental set op new features for staying responsive, fe suspense)

9. Ken je volgende begrippen
6. Normaliser (returns nested json with their ids for easy lookup)
7. Flow (static type checker
7. PureComponent (shallowly compares objects for rerendering) vc Pure function  (same input = same output, no state)
8. Immutable (shallow comparison)
9: strict mode > for highlighting potential problems

7. Welk probleem lossen hooks op? (delen van state over verschillende componenten)
6. Welke soorten hooks zijn er : state,
effect : for side effects like subscriptions, or manually changing the DOM from React components, custom ( = componentDidUpdate, didmount en willumount together)
custom hook  = use the word use, fe to keep the online status)

8. Hoe zou je een react project optimaliseren?
1. Pure components/functions
2. Index without numbers
3. Measure performance browser, Perf
4. Profiler (react developer tools)
5. CRA – create react app
6. Production build

9. Kan je een aantal nieuwe ecmascript functionaliteiten opnoemen?
a. optional chaining
b. promise.allSettled
c. replaceAll

Welke technologie zou je nog graag onder de knie krijgen
React-native? Vue,
Welk project zou je liefst in toekomst doen?

Heb je nog vragen voor mij?