Song Turbo Developer Certification - Foundations

certification questions

Part 1: Github

What is a monorepo and what pros and cons does it have?

What is a PR and what are the characteristics of a good PR you think? Answer:

Part 2: UI Components

How does TailwindCSS work in general. Basic concepts?

Why are there two tailwind.config.js files in our monorepo? Answer:

In typescript there are something called utility types. For example, please explain what Record and Omit does. Answer:

What is Atomic Design? And how does it apply to frontend development?

In this example we send data as props to the component (posts). What are alternative ways to do this? What is "prop drilling" and why is it bad?

What improvment or feature could you add to this component?

Part 3: NextJS

Explain the different modes of building in NextJs, SSR, SSG, ISR etc

Explain the getStaticProps, getStaticPaths and getServerSideProps functions.

Using a getServerSideProps function put specific requirements on the server that hosts the web app. Why?

In this task we solve this by creating a file called [id].tsx. What is an alternative way and when would you use that? There are two ways (at least) to do this. Either using the Link component or programmatically using the router. What are pros and cons of either? Bonus: What do you get automatically when using Link that you have to do manually using the router. (hint: it increases perceived performance)

Part 4: Redux Toolkit

When do you need a global state manager like RTK?

When do you not need it?

What could be used instead?

What is a 'slice' in RTK? And why is it a nice concept?

Part 5: RTK Query

What is RTK Query usued for?

Where does the 'wrapper' come from and what does it provide? What data does the context include?

Part 6: RTK Query

MSW intercept network requests, what are other ways to mock data? What is the main advantage of using MSW?

Part 7 does not have any questions (yet)