Lessons
view all ⭢
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.
lesson
How to Build a React Sidebar MenuComposing Layouts in ReactThis lesson will focus on getting the main section with the sidebar navigation for our Settings page.
lesson
How to Build a React Navbar With a Menu and HeaderComposing Layouts in ReactThis lesson is going to focus on getting the menu and header completed on our mock Settings Page
