Lessons
view all ⭢
lesson
3 Ways to Add Typescript to a React LibraryCreating React Libraries from ScratchAdding a type-system to JavaScript.
lesson
How to Integrate Storybook Components Into a React AppStorybook for React AppsFinalizing the feature and integrating it into the app.
lesson
Simplify Complex Components with the useProducts HookThe newline Guide to Modernizing an Enterprise React AppCustom hooks are good for more than just drying up duplicated code; they also help simplify our components.
lesson
Course WelcomeThe newline Guide to Building a Company Component LibraryWelcome to the Guide to Building a Company Component Library course.
lesson
Module OverviewThe newline Guide to Angular UniversalWanna be a performance beast? It's time to cache! In this module, you will use the Redis database to implement server-side caching and improve Time To First Byte. From now on, only selected requests will trigger the rendering process. The rendered output will be kept in Redis for a specified period of time. Subsequent requests will be served with data retrieved from Redis.
lesson
SummaryThe newline Guide to Angular UniversalIn this module, you've learned how to pass data between the server and the browser using the `TransferState` registry. You've also introduced `TransferHttpCacheModule` that passes data obtained via HTTP during server-side rendering to the browser. You've learned how to abandon long-running REST API calls that affect rendering performance.
lesson
NoscriptThe newline Guide to Angular UniversalIn this lesson, you can see how Angular Universal helps when your user's browser doesn't support JavaScript
lesson
Angular UniversalThe newline Guide to Angular UniversalIn the previous module, you've built a fully functional production-ready application. Unfortunately, like other single-page applications, this application has its weaknesses. In this module, you will learn how to address one of them and render HTML content on the server.
lesson
Course prerequisitesThe newline Guide to Angular UniversalThis lesson answers the questions "What do I need to accomplish the course?" "What software is needed?" "What should I know about Angular and other technologies?" "What should I do to accomplish the course offline?"
lesson
How to Structure a React ProjectBeginner's Guide to Real World ReactThere are many different ways to structure your apps' code. This lesson introduces some different approaches, including how I structure my projects and suggestions from the Facebook team themselves.
lesson
PrerequisitesThe newline Guide to React Component Design Systems with FigmagicLet's take care of the essentials first, like setting up a development environment, Git and Node.
