Creating NPM packages: The Complete Guide

Focused View

5:40:22

0 View

1 - Introduction

1 -Introduction.mp4

04:10

2 - How to get help.html

2 - Creating our first basic npm package

1 -Section intro.mp4

03:15

2 -Verifing Node version.mp4

01:23

2 -node download page.zip

3 -Create git repo for the package.mp4

01:44

4 -Generate source code.mp4

04:26

4 -greeting package l2-4.zip

5 -Package json name property.mp4

04:36

6 -Module systems in packages.mp4

02:21

7 -Setting tsconfig.json.mp4

04:22

7 -greeting package l2-7.zip

8 -Installing Rollup.mp4

02:42

8 -greeting package l2-8.zip

9 -Rollup configuration.mp4

05:25

9 -greeting package l2-9.zip

10 -Configurations explained.mp4

04:30

11 -Package entry points.mp4

06:48

11 -greeting package l2-11.zip

12 -The files field.mp4

04:11

12 -greeting package l2-12.zip

13 -Creting our npm account.mp4

03:05

14 -Publishing our package.mp4

06:24

14 -greeting package l2-14.zip

15 -Section wrap up.mp4

00:55

3 - Experimenting with the package

1 -Section intro.mp4

01:37

2 -Installing a Vite app.mp4

02:40

3 -Using the package inside the app.mp4

05:11

4 -Exploring the apps production bundle.mp4

07:17

5 -How our package is consumed.mp4

05:44

6 -Installing express js dependencies.mp4

02:43

6 -express app.zip

6 - Express App.html

7 -Using the package inside express.mp4

02:04

8 -Experimenting with the express app.mp4

08:34

9 -Section wrap up.mp4

01:14

4 - Versioning & Publishing

1 -Section intro.mp4

02:09

2 -Changesets action.mp4

06:09

3 -Semantic versioning.mp4

02:13

4 -Initializing changesets.mp4

02:53

4 -greeting package l4-4.zip

5 -Writing github workflow.mp4

06:40

5 -greeting package l4-5.zip

6 -Explain the workflow.mp4

07:05

7 -Creating a Github token.mp4

07:22

8 -Creating a NPM token.mp4

08:08

8 -greeting package l4-8.zip

9 -Publishing with changesets.mp4

15:24

9 -greeting package l4-9.zip

10 -Multiple tasks with changesets.mp4

17:19

10 -greeting package l4-10.zip

11 -Section wrap up.mp4

01:35

5 - Pre releases

1 -Section intro.mp4

02:25

2 -Linking our package.mp4

03:58

3 -Behind the scenes of npm link.mp4

12:06

3 -greeting package l5-3.zip

4 -Planning pre release.mp4

05:33

5 -Enter pre release mode.mp4

03:36

5 -greeting package l5-5.zip

6 -Working in parallel.mp4

02:50

7 -Publish our first pre release version.mp4

09:07

7 -greeting package l5-7.zip

8 -Consume the pre release version.mp4

02:41

9 -Parallel work on regular release.mp4

05:21

9 -greeting package l5-9.zip

10 -Consume the regular package release.mp4

02:19

11 -Promoting our pre release tag.mp4

06:53

11 -greeting package l5-11.zip

12 -Releasing the next major version.mp4

08:32

12 -greeting package l5-12.zip

13 -Trying the new major version.mp4

03:51

14 -Section wrap up.mp4

00:58

6 - Tree shaking

1 -Section intro.mp4

01:48

2 -Explaining tree shaking.mp4

06:40

3 -Creating git repo for the new package.mp4

05:08

3 -reusable-components-l6-3.zip

3 -reusable-components-pre-code.zip

3 - Components package code.html

4 -Exploring the packages code.mp4

08:43

5 -Prepare for publishing.mp4

03:24

5 -reusable-components-l6-5.zip

6 -Generating github token.mp4

02:48

7 -Generating npm token.mp4

01:41

8 -Publishing the components package.mp4

05:23

9 -using our new package.mp4

05:55

10 -Is our package tree shakable.mp4

07:04

11 -First condition for tree shakable package.mp4

05:02

12 -NPM packages and side effects.mp4

07:55

13 -How to leverage the side effects optimization.mp4

05:58

14 -Package built with typescript.mp4

08:40

14 -reusable-components-l6-14.zip

15 -Publish our tree shakable package.mp4

07:51

15 -reusable-components-l6-15.zip

16 -Testing if the package is tree shakable.mp4

04:41

17 -One more mystery to solve.mp4

05:42

18 -Section wrap up.mp4

01:31

7 - Closing notes

1 - Congratulations.html

Description

Create and publish your own tree-shakable NPM packages and learn this must-have skill every web developer should acquire

What You'll Learn?

Learn all basic & advanced configurations every NPM package creator must know
Implement tree shakable packages (dive deep and truely understand this concept)
Publish your NPM package with ease using automated CI tools
Ship your package with vaious module systems
Handle parallel development of pre-release versions of your package while maintainning stable versions
Create your package with Typescript support

Who is this for?

All levels Javascript developers that want to expand their knowledge on NPM packages and create NPM package with best practices

What You Need to Know?

Basic knowledge of Javascript

More details

Description
NPM packages are the most popular and powerful way today for making your code reusable and share it between various projects. But as most of us are starting to code for the web by developing web applications, when the time comes and we need to create and publish our own first NPMÂ package, we find ourselfs guessing what are the best practices we should follow
That's what happened to me a few years ago when I was required to create my first NPMÂ package. I tried to search for some detailed tutorial or an in-depth course to guide me, but pretty soon I realized such source doesn't really exist. So I started gathering the knowledge through endless blog posts, short tutorials, friends, colleagues and mainly a lot of exploring and experimenting I did on my own.
Years later, I'm really happy to publish this course and share the knowledge I accumulated during all this time. One of the main purposes of doing so, is to make your journey with NPM packages much easier and pleasant. So I hope you will enjoy this ride of learning and start implementing your own amazing NPMÂ packages
This course will start from the basic stuff regarding NPM packages and then continue to the most advanced topics it involves
You will learn the basic structure of an NPM package, all the configurations involved in creating it, and of course the various properties that the package json file should include. We will experiment with our newly created package, ship it with different module systems, develop it with full typescript support and see the differences between consuming it through frontend and backend applications. We will then learn how we can automate the process of versioning and publishing the package, with some of the most popular and exciting CI tools. Pre-releases will also be on the menu, and we will learn some techniques that will enable us to publish pre-release versions while maintaining our current stable version. We will test various ways of building our packages, and of course, we will take a deep dive into the interesting topic of tree shaking, where we will see live examples and reveal all the behind the scenes of it.
After this course you will feel confident regarding your ability to create NPMÂ packages with best practices, and you will have the tools to debug the behavior of your package and adjust its configurations according to your needs
I hope you will have a great experience during our time together, and wish you will soon start to implement your own creative ideas for your popular, brand-new, NPM package
Who this course is for:
All levels Javascript developers that want to expand their knowledge on NPM packages and create NPM package with best practices

User Reviews

Rating

average 0

Total votes0

Focused display

Node.Js

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.