← Back to courses
Building a front-end monorepo

Building a front-end monorepo

Online course — 5 parts

Let's create a complete front-end development setup with multiple applications and shared libraries.

Description

What will you learn?

rocket Setting up front-end applications from scratch
candy Sharing code across applications using libraries
party-popper Creating a robust development environment

What can you expect?

  • Pre-recorded videos with walkthroughs, explanations and examples
  • Live online sessions with group discussions
  • Hands-on exercises followed by feedback and suggestions

What does the course consist of?

  • 5 parts
  • 5 practical exercises
  • 20+ pre-recorded videos

Visualization of a front-end development setup with multiple applications and shared librariesVisualization of a front-end development setup with multiple applications and shared libraries
Curriculum

Understanding the context

Lessons
  • Understanding the context of large projects
  • Common problems, struggles and challenges
  • Introduction to the course challenge
Exercise
  • Creating a personal work plan using Miro
Online session
  • Overview of the personal work plans
  • Sharing suggestions for improvement
  • Questions & answers

Setting things up

Lessons
  • Overview of the setup examples
  • In-depth walkthrough of monorepo architecture
  • Learning more about mocking applications
  • Picking the development environment & tools
Exercise
  • Create a multiple application development plan
  • Document and share it using Miro and Github
Collaboration
  • Overview of the exercises
  • Sharing suggestions and feedback
  • Questions & answers

Populating the front-end

Lessons
  • Overview of the front-end setup
  • Creating a vite application
  • Creating a create-react-app application
  • Creating a next-js application
Exercise
  • Create 3 front-end applications
  • Document and share them using Miro and Github
Collaboration
  • Overview of the exercises
  • Sharing suggestions and feedback
  • Questions & answers

(not) reinventing the wheel

Lessons
  • Overview of shared code and libraries
  • Creating a compilable UI library with typescript & storybook
  • Using the UI library in the applications
Exercise
  • Create a shared library, use it in your applications and share code in Github
Collaboration
  • Overview of the exercises
  • Sharing suggestions and feedback
  • Questions & answers

Wrapping up

Lessons
  • Overview of progress
  • Mapping progress to real-world examples
  • Improvements for the future
Exercise
  • Prepare a plan for future improvements and share on Miro
Collaboration
  • Overview of the exercises
  • Sharing suggestions and feedback
  • Questions & answers
Additional

This course is useful if you are:

hammer Working on separate applications
green-apple Building a project that is expected to scale
spider-web Refactoring a large project with legacy code

How to sign up?

Use the form below to fill out your contact details. You will receive an email with instructions and further steps if there will be a free spot available.

ReactNextJSNxPNPM