lafinancial.blogg.se - Rubymine react

What can we do when component receives lots of props? (check code example above).What can we do when mapped UI has methods for mapped items?.Explain how those 4 approaches help us deal with Big/Complex components > ~300LOC?.📗 Props used only to calculate another value.📗 Big components that couldn’t be split.Create a component according to containment patternĪfter this section you will be able to spot common code-smells in React and know how to fix them.Create a generic component used by at least 2 specialized components.What’s the difference between Containment and RenderProps patterns? (example above).Demonstrate error logs for production environment (you can easily deploy react app with netlify)Īfter this section you will know common react patterns.

Use free plan of Sentry to monitor errors in deployed application.

And demonstrate how it handles error from the child component.

Why we need external services for error tracking in production?.

Which errors cannot be caught by error boundary?.

Show the difference with and without virtualization.Īfter this section you will know how to handle errors on production.

Implement virtualized list in the application.

Tell me how to customise prop comparison function of mo?.

Use mo in your app in a way that improves the performance.

Use react profiler to check the application performance in development mode.

What is setState batching, and when it happens?.

What is refForwarding, and when to use it?.

When and how use refs for optimization?.

Why extracting lists to separate component might improve performance, and when it should be done?.

What is virtualization and how it improves app performance?.

When to use mo for optimization? Why not use it always?.

where they can be used, and where don’tĪfter this section you will know how to optimize React and measure the application performance.

Have the app typed without ‘any’ keywordĪfter this section you will know how to use less common React hooks and create own hooks.

Type a context with default ‘undefined’ as default value.

Setup or add TS to evaluation application.What’s the difference between JSX.Element vs React.ReactNode types, and which one should be used to type props.children?.Name, explain, choose and apply a wide range of software design patterns to solve particular problemsĪfter this section you will know how to setup and use TypeScript in React.Identify all framework capabilities and best-practices.Demonstrate debugging skills for a full range of problems within application, also by investigating the framework code.Comprehend, design and deliver a full range of functionalities with no need for consultation (yet intuitively knows, when to ask for second opinion).Person who successfully completed requirement for given block can: Description: You can apply the best practices across the framework while delivering solution.