{"id":3569,"date":"2026-08-10T09:06:11","date_gmt":"2026-08-10T09:06:11","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/newline-the-newline-guide-to-building-a-company-component-library-2021-6\/"},"modified":"2026-08-10T09:06:11","modified_gmt":"2026-08-10T09:06:11","slug":"newline-the-newline-guide-to-building-a-company-component-library-2021-6","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/newline-the-newline-guide-to-building-a-company-component-library-2021-6\/","title":{"rendered":"Newline \u2013 The newline Guide to Building a Company Component Library 2021-6"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 dir=\"ltr\">Descriptions<\/h2>\n<p dir=\"ltr\">The newline Guide to Building a Company Component Library, This course will teach you how to create a flexible, private, enterprise-grade component library using React. This course will teach you how to create a flexible, private, enterprise-grade component library using React. Since its introduction in 2013, React has become one of the most used front-end frameworks. Its component-based architecture and flexibility has made it the framework of choice for those needing to share code across multiple teams. However, the same flexibility that has helped React grow in popularity also creates many challenges when creating shared assets and tooling<\/p>\n<h3 dir=\"ltr\">What you\u2019ll learn<\/h3>\n<ul dir=\"ltr\">\n<li>How to identify potential shared components in an existing codebase<\/li>\n<li>Importance of choosing your libraries dependencies<\/li>\n<li>How to create an NPM library from scratch with TypeScript and Storybook<\/li>\n<li>Basic and advanced API patterns for shared components<\/li>\n<li>How to build and deploy a modern NPM package to a private NPM registry<\/li>\n<\/ul>\n<h3 dir=\"ltr\">Who this course is for<\/h3>\n<ul dir=\"ltr\">\n<li>Anyone with a basic understanding of React and front-end development including HTML, CSS, and JavaScript.<\/li>\n<\/ul>\n<h3 dir=\"ltr\">Specificatoin of The newline Guide to Building a Company Component Library<\/h3>\n<ul dir=\"ltr\">\n<li>Publisher : <a href=\"https:\/\/href.li\/?https:\/\/www.newline.co\/courses\/newline-guide-to-building-a-company-component-library\" target=\"_blank\">Newline<\/a><\/li>\n<li>Teacher : <a href=\"https:\/\/downloadlynet.ir\/tag\/austin-green\">Austin Green<\/a><\/li>\n<li>Language : English<\/li>\n<li>Level : All Levels<\/li>\n<li>Number of Course : 25<\/li>\n<li>Duration : 1 hours and 55 minutes<\/li>\n<\/ul>\n<h3 dir=\"ltr\">Content of The newline Guide to Building a Company Component Library<\/h3>\n<p dir=\"ltr\">Course Welcome<br \/>Types of component libraries<br \/>Syllabus<br \/>Environment setup<br \/>Component boundaries<br \/>Identifying components<br \/>Choosing dependencies<br \/>Creating a new package<br \/>Storybook environment<br \/>Formatting and linting<br \/>Button API<br \/>Styling with CSS-in-JS<br \/>Prop-types and TypeScript<br \/>Compound components<br \/>Create Field components<br \/>Extending components<br \/>Introduction and tooling<br \/>Button testing<br \/>Field testing<br \/>Introduction to module bundling<br \/>Build configuration<br \/>TypeScript declarations<br \/>Continuous integration with Github Actions<br \/>Private GitHub Packages registry<br \/>Consuming our component library<\/p>\n<h3 dir=\"ltr\">Pictures<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-905187\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/06\/The-newline-Guide-to-Building-a-Company-Component-Library.d.jpeg\" alt=\"The newline Guide to Building a Company Component Library\" width=\"766\" height=\"306\"><\/p>\n<h3 dir=\"ltr\">Sample Clip<\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-127667-1\"><video class=\"wp-video-shortcode\" id=\"video-127667-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/The_newline_Guide_to_Building_a_Company_Component_Library_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/The_newline_Guide_to_Building_a_Company_Component_Library_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/The_newline_Guide_to_Building_a_Company_Component_Library_Downloadly.ir.mp4?nocache=1786098894764\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/The_newline_Guide_to_Building_a_Company_Component_Library_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 dir=\"ltr\">Installation Guide<\/h3>\n<p dir=\"ltr\">Extract the files and watch with your favorite player<\/p>\n<p dir=\"ltr\">Subtitle : Not Available<\/p>\n<p dir=\"ltr\">Quality: 1080p<\/p>\n<h3 dir=\"ltr\">Download Links<\/h3>\n<p dir=\"ltr\"><a href=\"https:\/\/dl3.downloadly.ir\/Files\/Elearning\/Newline_The_newline_Guide_to_Building_a_Company_Component_Library_2021-6_Downloadly.ir.rar?nocache=1786098893\">Download \u2013 360 MB<\/a><\/p>\n<h5 dir=\"ltr\">Password file(s): <a>www.downloadly.ir<\/a><\/h5>\n<h3 dir=\"ltr\">File size<\/h3>\n<p dir=\"ltr\">360 MB<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Descriptions The newline Guide to Building a Company Component Library, This course will teach you how to create a flexible, private, enterprise-grade component<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[40251,40252,40253,40254,40255,40256,40257,40258,40259],"class_list":["post-3569","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-austin-green","dgi_tag-download-the-newline-guide-to-building-a-company-component-library","dgi_tag-free-download-the-newline-guide-to-building-a-company-component-library","dgi_tag-free-the-newline-guide-to-building-a-company-component-library","dgi_tag-newline-the-newline-guide-to-building-a-company-component-library","dgi_tag-the-newline-guide-to-building-a-company-component-library","dgi_tag-the-newline-guide-to-building-a-company-component-library-download","dgi_tag-the-newline-guide-to-building-a-company-component-library-free","dgi_tag-the-newline-guide-to-building-a-company-component-library-free-download"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/3569","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/3569\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=3569"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=3569"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=3569"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}