[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":-5,"_8":9,"_10":11},"actionData","errors","root",{"_59":-5,"_546":-5,"_547":548,"_549":550,"_551":552,"_553":554,"_555":556,"_557":558,"_559":44,"_560":561,"_562":563,"_564":565},"routes/_store+/_readers+/read_/route","routes/_store+/_readers+/read_.$slug/route",{"_16":371,"_372":373,"_374":375,"_376":44,"_377":-7},"routes/_store+/_readers+/read_.$slug.$chapterId/route",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25},"title","Creating NPM Package with ReactJS","content","

Defining Package’s Runtime Entry Points

https://leanpub.com/creating-npm-package-with-react-javascript","book",{"_12":13,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":15,"_50":51,"_52":53},"prevChapter",{"_26":27,"_12":37,"_29":-5,"_30":38,"_32":33,"_34":-5,"_35":-5,"_36":-5},"nextChapter",{"_26":27,"_12":28,"_29":-5,"_30":31,"_32":33,"_34":-5,"_35":-5,"_36":-5},"sections",[],"chapterTitle","Defining Package’s Runtime Entry Points","level",2,"Local Testing of Unpublished Package","description","path","#local-testing-of-unpublished-package","fileCount",1,"quizType","sectionNum","youtubeId","Distinguishing Source Code from Distribution Code","#distinguishing-source-code-from-distribution-code","metaText","Build and publish your own ReactJS NPM Package with CodeSweetly's step-by-step guide. Start building and sharing your React creations today!","slug","creating-npm-package-with-react-javascript","embargo",false,"coverFeatured",{"_369":370},"tocStructure",[63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,19,108,21,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164],"publicChapterContent","showReadLinkString","sample","authors",[54],{"_55":56,"_57":58,"_59":60},"id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NTc3Mg","name","CodeSweetly","user",{"_61":62},"username","codesweetly",{"_26":27,"_12":367,"_29":-5,"_30":368,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":365,"_29":-5,"_30":366,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":363,"_29":-5,"_30":364,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":361,"_29":-5,"_30":362,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":359,"_29":-5,"_30":360,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":357,"_29":-5,"_30":358,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":355,"_29":-5,"_30":356,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":353,"_29":-5,"_30":354,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":351,"_29":-5,"_30":352,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":349,"_29":-5,"_30":350,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":347,"_29":-5,"_30":348,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":345,"_29":-5,"_30":346,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":343,"_29":-5,"_30":344,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":341,"_29":-5,"_30":342,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":339,"_29":-5,"_30":340,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":337,"_29":-5,"_30":338,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":335,"_29":-5,"_30":336,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":333,"_29":-5,"_30":334,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":331,"_29":-5,"_30":332,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":329,"_29":-5,"_30":330,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":327,"_29":-5,"_30":328,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":325,"_29":-5,"_30":326,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":323,"_29":-5,"_30":324,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":321,"_29":-5,"_30":322,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":319,"_29":-5,"_30":320,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":317,"_29":-5,"_30":318,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":315,"_29":-5,"_30":316,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":313,"_29":-5,"_30":314,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":311,"_29":-5,"_30":312,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":309,"_29":-5,"_30":310,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":307,"_29":-5,"_30":308,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":305,"_29":-5,"_30":306,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":303,"_29":-5,"_30":304,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":301,"_29":-5,"_30":302,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":299,"_29":-5,"_30":300,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":297,"_29":-5,"_30":298,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":295,"_29":-5,"_30":296,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":293,"_29":-5,"_30":294,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":291,"_29":-5,"_30":292,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":289,"_29":-5,"_30":290,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":287,"_29":-5,"_30":288,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":285,"_29":-5,"_30":286,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":283,"_29":-5,"_30":284,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":281,"_29":-5,"_30":282,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":279,"_29":-5,"_30":280,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":25,"_29":-5,"_30":278,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":276,"_29":-5,"_30":277,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":274,"_29":-5,"_30":275,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":272,"_29":-5,"_30":273,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":270,"_29":-5,"_30":271,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":268,"_29":-5,"_30":269,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":266,"_29":-5,"_30":267,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":264,"_29":-5,"_30":265,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":262,"_29":-5,"_30":263,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":260,"_29":-5,"_30":261,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":258,"_29":-5,"_30":259,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":256,"_29":-5,"_30":257,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":254,"_29":-5,"_30":255,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":252,"_29":-5,"_30":253,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":250,"_29":-5,"_30":251,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":248,"_29":-5,"_30":249,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":246,"_29":-5,"_30":247,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":244,"_29":-5,"_30":245,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":242,"_29":-5,"_30":243,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":240,"_29":-5,"_30":241,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":238,"_29":-5,"_30":239,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":236,"_29":-5,"_30":237,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":234,"_29":-5,"_30":235,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":232,"_29":-5,"_30":233,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":230,"_29":-5,"_30":231,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":228,"_29":-5,"_30":229,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":226,"_29":-5,"_30":227,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":224,"_29":-5,"_30":225,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":222,"_29":-5,"_30":223,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":220,"_29":-5,"_30":221,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":218,"_29":-5,"_30":219,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":216,"_29":-5,"_30":217,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":214,"_29":-5,"_30":215,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":212,"_29":-5,"_30":213,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":210,"_29":-5,"_30":211,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":208,"_29":-5,"_30":209,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":206,"_29":-5,"_30":207,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":204,"_29":-5,"_30":205,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":202,"_29":-5,"_30":203,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":200,"_29":-5,"_30":201,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":198,"_29":-5,"_30":199,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":196,"_29":-5,"_30":197,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":194,"_29":-5,"_30":195,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":192,"_29":-5,"_30":193,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":190,"_29":-5,"_30":191,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":188,"_29":-5,"_30":189,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":186,"_29":-5,"_30":187,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":184,"_29":-5,"_30":185,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":182,"_29":-5,"_30":183,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":180,"_29":-5,"_30":181,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":178,"_29":-5,"_30":179,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":176,"_29":-5,"_30":177,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":174,"_29":-5,"_30":175,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":172,"_29":-5,"_30":173,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":170,"_29":-5,"_30":171,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":168,"_29":-5,"_30":169,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":166,"_29":-5,"_30":167,"_32":33,"_34":-5,"_35":-5,"_36":-5},3,"One Last Favor","#one-last-favor","What’s Next?","#whats-next","Epilogue","#epilogue","4. Release the Latest Version of the Project","#4-release-the-latest-version-of-the-project","3. Import the Extracted Elements into the TweetButton.jsx File","#3-import-the-extracted-elements-into-the-tweetbuttonjsx-file","2. Split the Elements You Want to Extract into Their Separate Modules","#2-split-the-elements-you-want-to-extract-into-their-separate-modules","1. Identify Independent Elements","#1-identify-independent-elements","Modularizing JavaScript Codebase","#modularizing-javascript-codebase","Configure semantic-release to Automatically Publish the Package’s Release Notes","#configure-semantic-release-to-automatically-publish-the-packages-release-notes","Add the Preset Library to Your Release Workflow","#add-the-preset-library-to-your-release-workflow","Automating GitHub Releases","#automating-github-releases","Update an Existing Feature","#update-an-existing-feature","Add a New Feature","#add-a-new-feature","NPM Trusted Publishing Configuration","#npm-trusted-publishing-configuration","4. Notify Developers That the Package Uses Automated Version Management","#4-notify-developers-that-the-package-uses-automated-version-management","3. How to Overwrite semantic-release’s Default Configurations","#3-how-to-overwrite-semantic-releases-default-configurations","2. Define the Release GitHub Action Workflow","#2-define-the-release-github-action-workflow","1. Create a Release GitHub Action Workflow File","#1-create-a-release-github-action-workflow-file","Automating Version Management","#automating-version-management","Example 3: Updating to a Major Version","#example-3-updating-to-a-major-version","Example 2: Updating to a Minor Version","#example-2-updating-to-a-minor-version","Example 1: Updating to a Patch Version","#example-1-updating-to-a-patch-version","Updating Package’s Versions","#updating-packages-versions","6. Test the Package on Your Live Demo Website","#6-test-the-package-on-your-live-demo-website","5. Deploy Your Project to Vercel","#5-deploy-your-project-to-vercel","4. Sign In or Create an Account on the Vercel Website","#4-sign-in-or-create-an-account-on-the-vercel-website","3. Push Your Local Git Directory to the Remote Repo","#3-push-your-local-git-directory-to-the-remote-repo","2. Set up a GitHub Remote Repository for Your Next.js Test App","#2-set-up-a-github-remote-repository-for-your-nextjs-test-app","1. Stage and Commit Your Changes","#1-stage-and-commit-your-changes","Production Testing of the Published Package","#production-testing-of-the-published-package","3. Run Your Local Server","#3-run-your-local-server","2. Import the Package","#2-import-the-package","1. Install the Package","#1-install-the-package","Local Testing of the Published Package","#local-testing-of-the-published-package","12. Publish Your Package!","#12-publish-your-package","11. Confirm If Your Package’s Name Is Available","#11-confirm-if-your-packages-name-is-available","10. Log In to NPM via the Terminal","#10-log-in-to-npm-via-the-terminal","9. Sign In or Sign Up on the NPM Website","#9-sign-in-or-sign-up-on-the-npm-website","8. Push Your Local Git Directory to the Remote Repo","#8-push-your-local-git-directory-to-the-remote-repo","7. Stage and Commit Any Recent Changes","#7-stage-and-commit-any-recent-changes","6. Confirm the Files NPM Will Publish","#6-confirm-the-files-npm-will-publish","5. Specify the Files You Want to Publish to NPM","#5-specify-the-files-you-want-to-publish-to-npm","4. Stage and Commit Your Project’s Changes to Git","#4-stage-and-commit-your-projects-changes-to-git","3. Compile Any Pending Code","#3-compile-any-pending-code","2. Confirm That Your Package Have Passing Tests","#2-confirm-that-your-package-have-passing-tests","1. Search Engine Optimization (SEO)","#1-search-engine-optimization-seo","Publishing Package to NPM","#publishing-package-to-npm","Creating LICENSE","#creating-license","Creating README","#creating-readme","7. Unlink Your Package from the Global Folder","#7-unlink-your-package-from-the-global-folder","6. Unlink Your Package from the Test-App","#6-unlink-your-package-from-the-test-app","5. Use the Link-Installed Package in Your Test-App","#5-use-the-link-installed-package-in-your-test-app","4. Configure Turbopack to Resolve Symlinks","#4-configure-turbopack-to-resolve-symlinks","3. Install Your Package from Your System’s Global Folder to the Test-App","#3-install-your-package-from-your-systems-global-folder-to-the-test-app","2. Create a NextJS Demo Website for Testing Your Package","#2-create-a-nextjs-demo-website-for-testing-your-package","1. Link-Install Your Package Globally in Your System","#1-link-install-your-package-globally-in-your-system","#defining-packages-runtime-entry-points","Compiling React to JavaScript","#compiling-react-to-javascript","4. Run the Test","#4-run-the-test","3. Add the Stylesheet to the Entry File","#3-add-the-stylesheet-to-the-entry-file","2. Apply CSS Styles to Your Component","#2-apply-css-styles-to-your-component","1. Create the Stylesheet","#1-create-the-stylesheet","Styling React Components","#styling-react-components","3. Test the Commitlint GitHub Action Workflow","#3-test-the-commitlint-github-action-workflow","2. Define the Commitlint GitHub Action Workflow","#2-define-the-commitlint-github-action-workflow","1. Create a Commitlint GitHub Action Workflow File","#1-create-a-commitlint-github-action-workflow-file","Setting Up Commitlint GitHub Action","#setting-up-commitlint-github-action","Creating a Hook to Auto-Lint Commit Messages","#creating-a-hook-to-auto-lint-commit-messages","Setting Up Husky","#setting-up-husky","Enforcing the Conventional Commits Format","#enforcing-the-conventional-commits-format","Conventional Commits Message Syntax","#conventional-commits-message-syntax","Commit Message Configuration","#commit-message-configuration","10. Run the Test","#10-run-the-test","9. Configure Vitest’s Testing Environment","#9-configure-vitests-testing-environment","8. Configure Vite to Compile Your Code","#8-configure-vite-to-compile-your-code","7. Install the Code Compiler","#7-install-the-code-compiler","6. Configure the Entry File","#6-configure-the-entry-file","5. Develop Your React Component","#5-develop-your-react-component","4. Write Your Test Case","#4-write-your-test-case","3. Create Your Code Files","#3-create-your-code-files","2. Specify Vitest as Your Project’s Test Runner Tool","#2-specify-vitest-as-your-projects-test-runner-tool","1. Install the Testing Tools","#1-install-the-testing-tools","Testing React Component","#testing-react-component","10. Install React","#10-install-react","9. Push Your Local Git Directory to the Remote Repo","#9-push-your-local-git-directory-to-the-remote-repo","8. Configure a GitHub Remote Repository","#8-configure-a-github-remote-repository","7. Stage and Commit Your Project’s Changes to Git","#7-stage-and-commit-your-projects-changes-to-git","6. Specify the Files Git Should Ignore","#6-specify-the-files-git-should-ignore","5. Initialize a Git Repository","#5-initialize-a-git-repository","4. Configure the Project as an ES Module NPM Package","#4-configure-the-project-as-an-es-module-npm-package","3. Create a package.json File","#3-create-a-packagejson-file","2. Create a Project Directory","#2-create-a-project-directory","1. Set Up Your System","#1-set-up-your-system","Project Configuration","#project-configuration","Let’s Get Started!","#lets-get-started","Got Questions?","#got-questions","What You Should Know First","#what-you-should-know-first","Use the Right Tools","#use-the-right-tools","What You Will Build","#what-you-will-build","Why This Book Will Help You","#why-this-book-will-help-you","Welcome to the World of NPM Packages!","#welcome-to-the-world-of-npm-packages","Introduction","#introduction","url","https://d2sofvawe08yqg.cloudfront.net/creating-npm-package-with-react-javascript/s_featured?1777511313&1777511313",{"_12":13,"_41":42,"_39":40,"_43":44,"_45":530,"_531":532,"_52":533,"_50":51,"_534":-5,"_535":-5,"_536":537,"_538":537,"_539":540,"_541":542},"parts",[482],"toc",[378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437,438,439,440,441,442,443,444,445,446,447,448,449,450,451,452,453,454,455,456,457,458,459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481],"isUnavailableOnline","unavailableMessage",{"_26":27,"_12":367,"_29":-5,"_30":368,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":365,"_29":-5,"_30":366,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":363,"_29":-5,"_30":364,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":361,"_29":-5,"_30":362,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":359,"_29":-5,"_30":360,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":357,"_29":-5,"_30":358,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":355,"_29":-5,"_30":356,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":353,"_29":-5,"_30":354,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":351,"_29":-5,"_30":352,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":349,"_29":-5,"_30":350,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":347,"_29":-5,"_30":348,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":345,"_29":-5,"_30":346,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":343,"_29":-5,"_30":344,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":341,"_29":-5,"_30":342,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":339,"_29":-5,"_30":340,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":337,"_29":-5,"_30":338,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":335,"_29":-5,"_30":336,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":333,"_29":-5,"_30":334,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":331,"_29":-5,"_30":332,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":329,"_29":-5,"_30":330,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":327,"_29":-5,"_30":328,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":325,"_29":-5,"_30":326,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":323,"_29":-5,"_30":324,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":321,"_29":-5,"_30":322,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":319,"_29":-5,"_30":320,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":317,"_29":-5,"_30":318,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":315,"_29":-5,"_30":316,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":313,"_29":-5,"_30":314,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":311,"_29":-5,"_30":312,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":309,"_29":-5,"_30":310,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":307,"_29":-5,"_30":308,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":305,"_29":-5,"_30":306,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":303,"_29":-5,"_30":304,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":301,"_29":-5,"_30":302,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":299,"_29":-5,"_30":300,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":297,"_29":-5,"_30":298,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":295,"_29":-5,"_30":296,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":293,"_29":-5,"_30":294,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":291,"_29":-5,"_30":292,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":289,"_29":-5,"_30":290,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":287,"_29":-5,"_30":288,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":285,"_29":-5,"_30":286,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":283,"_29":-5,"_30":284,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":281,"_29":-5,"_30":282,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":279,"_29":-5,"_30":280,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":37,"_29":-5,"_30":38,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":25,"_29":-5,"_30":278,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":28,"_29":-5,"_30":31,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":276,"_29":-5,"_30":277,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":274,"_29":-5,"_30":275,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":272,"_29":-5,"_30":273,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":270,"_29":-5,"_30":271,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":268,"_29":-5,"_30":269,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":266,"_29":-5,"_30":267,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":264,"_29":-5,"_30":265,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":262,"_29":-5,"_30":263,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":260,"_29":-5,"_30":261,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":258,"_29":-5,"_30":259,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":256,"_29":-5,"_30":257,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":254,"_29":-5,"_30":255,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":252,"_29":-5,"_30":253,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":250,"_29":-5,"_30":251,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":248,"_29":-5,"_30":249,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":246,"_29":-5,"_30":247,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":244,"_29":-5,"_30":245,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":242,"_29":-5,"_30":243,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":240,"_29":-5,"_30":241,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":238,"_29":-5,"_30":239,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":236,"_29":-5,"_30":237,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":234,"_29":-5,"_30":235,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":232,"_29":-5,"_30":233,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":230,"_29":-5,"_30":231,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":228,"_29":-5,"_30":229,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":226,"_29":-5,"_30":227,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":224,"_29":-5,"_30":225,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":222,"_29":-5,"_30":223,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":220,"_29":-5,"_30":221,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":218,"_29":-5,"_30":219,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":216,"_29":-5,"_30":217,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":214,"_29":-5,"_30":215,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":212,"_29":-5,"_30":213,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":210,"_29":-5,"_30":211,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":208,"_29":-5,"_30":209,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":206,"_29":-5,"_30":207,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":204,"_29":-5,"_30":205,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":202,"_29":-5,"_30":203,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":200,"_29":-5,"_30":201,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":198,"_29":-5,"_30":199,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":196,"_29":-5,"_30":197,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":194,"_29":-5,"_30":195,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":192,"_29":-5,"_30":193,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":190,"_29":-5,"_30":191,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":188,"_29":-5,"_30":189,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":186,"_29":-5,"_30":187,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":184,"_29":-5,"_30":185,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":182,"_29":-5,"_30":183,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":180,"_29":-5,"_30":181,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":178,"_29":-5,"_30":179,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":176,"_29":-5,"_30":177,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":174,"_29":-5,"_30":175,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":172,"_29":-5,"_30":173,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":27,"_12":170,"_29":-5,"_30":171,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":168,"_29":-5,"_30":169,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_26":165,"_12":166,"_29":-5,"_30":167,"_32":33,"_34":-5,"_35":-5,"_36":-5},{"_12":13,"_29":483,"_32":484,"_485":486},"",0,"chapters",[487,488,489,490,491,492,493,494,495,496,497,498,499,500,501,502,503,504,505,506,507],{"_26":27,"_12":367,"_30":368,"_32":33,"_508":529,"_36":-5},{"_26":27,"_12":351,"_30":352,"_32":33,"_508":528,"_36":-5},{"_26":27,"_12":329,"_30":330,"_32":33,"_508":527,"_36":-5},{"_26":27,"_12":307,"_30":308,"_32":33,"_508":526,"_36":-5},{"_26":27,"_12":297,"_30":298,"_32":33,"_508":525,"_36":-5},{"_26":27,"_12":289,"_30":290,"_32":33,"_508":524,"_36":-5},{"_26":27,"_12":279,"_30":280,"_32":33,"_508":523,"_36":-5},{"_26":27,"_12":37,"_30":38,"_32":33,"_508":522,"_36":-5},{"_26":27,"_12":25,"_30":278,"_32":33,"_508":521,"_36":-5},{"_26":27,"_12":28,"_30":31,"_32":33,"_508":520,"_36":-5},{"_26":27,"_12":262,"_30":263,"_32":33,"_508":519,"_36":-5},{"_26":27,"_12":260,"_30":261,"_32":33,"_508":518,"_36":-5},{"_26":27,"_12":258,"_30":259,"_32":33,"_508":517,"_36":-5},{"_26":27,"_12":232,"_30":233,"_32":33,"_508":516,"_36":-5},{"_26":27,"_12":224,"_30":225,"_32":33,"_508":515,"_36":-5},{"_26":27,"_12":210,"_30":211,"_32":33,"_508":514,"_36":-5},{"_26":27,"_12":202,"_30":203,"_32":33,"_508":513,"_36":-5},{"_26":27,"_12":192,"_30":193,"_32":33,"_508":512,"_36":-5},{"_26":27,"_12":186,"_30":187,"_32":33,"_508":511,"_36":-5},{"_26":27,"_12":180,"_30":181,"_32":33,"_508":510,"_36":-5},{"_26":27,"_12":170,"_30":171,"_32":33,"_508":509,"_36":-5},"subsections",[480,481],[475,476,477,478],[472,473],[469,470],[464,465,466,467],[460,461,462],[453,454,455,456,457,458],[449,450,451],[436,437,438,439,440,441,442,443,444,445,446,447],[],[],[426,427,428,429,430,431,432],[],[],[],[418,419,420,421],[414,415,416],[409,410,411,412],[398,399,400,401,402,403,404,405,406,407],[387,388,389,390,391,392,393,394,395,396],[379,380,381,382,383,384,385],{"_369":370},"coverFeatured2x",{"_369":545},[543],"freePdfUrl","freeEpubUrl","hasPdfSample",true,"hasEpubSample","samplePdfUrl","https://s3.amazonaws.com/samples.leanpub.com/creating-npm-package-with-react-javascript-sample.pdf?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=0XBXHW3Q9GGV69BT7E82%2F20260824%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260824T064858Z&X-Amz-Expires=518400&X-Amz-SignedHeaders=host&X-Amz-Signature=121f08d669faac81d02dcd77551e8215c8ef515dae8489cc9f7d65637d3e384d","sampleEpubUrl","https://s3.amazonaws.com/samples.leanpub.com/creating-npm-package-with-react-javascript-sample.epub?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=0XBXHW3Q9GGV69BT7E82%2F20260824%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260824T064858Z&X-Amz-Expires=518400&X-Amz-SignedHeaders=host&X-Amz-Signature=9219c82c816efc8959cd45a98a10bc244c6c9de567846bb1bcffb708404a2216",{"_55":56,"_57":58,"_59":544},{"_61":62},"https://d2sofvawe08yqg.cloudfront.net/creating-npm-package-with-react-javascript/s_featured2x?1777511313&1777511313","shoppingCartId","shoppingCart",{"_55":578,"_579":484,"_580":537,"_581":483,"_582":583,"_584":585,"_586":537},"locale","en","readerTheme","light","constants",{"_576":577},"publishers",{"_572":573,"_574":575},"learnerOrganizations",[],"needsLocaleCookieSync","announcements",{"_566":567,"_568":-5},"sentryEnvironment","production","sentryRelease","059f61c9ca9d3e7eed5cef68c9d6b936b10e73db","announcement_store",{"_569":44,"_570":571},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count","free","updatedAt","paymentGateway","STRIPE","cartItems",[],"loading"]