René's URL Explorer Experiment


Title: GitHub - francomahl/tutorial-reactjs: ReactJS tutorial from CodeJobs · GitHub

Open Graph Title: GitHub - francomahl/tutorial-reactjs: ReactJS tutorial from CodeJobs

X Title: GitHub - francomahl/tutorial-reactjs: ReactJS tutorial from CodeJobs

Description: ReactJS tutorial from CodeJobs. Contribute to francomahl/tutorial-reactjs development by creating an account on GitHub.

Open Graph Description: ReactJS tutorial from CodeJobs. Contribute to francomahl/tutorial-reactjs development by creating an account on GitHub.

X Description: ReactJS tutorial from CodeJobs. Contribute to francomahl/tutorial-reactjs development by creating an account on GitHub.

Opengraph URL: https://github.com/francomahl/tutorial-reactjs

X: @github

direct link

Domain: github.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:18968943-dcf3-9f2c-2763-f04ba6e2c324
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-idCF72:142F2A:161CE23:201BC88:6A6349F2
html-safe-nonceb020648ed33ba7300493d755be71aeec3e3f9a3ffeab864e2b9506cb37705f16
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDRjcyOjE0MkYyQToxNjFDRTIzOjIwMUJDODg6NkE2MzQ5RjIiLCJ2aXNpdG9yX2lkIjoiNTU3NzE5NDk2OTAwMDc5MDUxNCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmacfe7e9f4bbf44313ffddc6c2055e796e3c37e6bdb7e71bc11078908c773ee9bac
hovercard-subject-tagrepository:125661733
github-keyboard-shortcutsrepository,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location//
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/francomahl/tutorial-reactjs
twitter:imagehttps://opengraph.githubassets.com/e78d1fb56e1752fdbe98883c38dd5cd03869d79a6571f4ef42eec0123a9ff788/francomahl/tutorial-reactjs
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/e78d1fb56e1752fdbe98883c38dd5cd03869d79a6571f4ef42eec0123a9ff788/francomahl/tutorial-reactjs
og:image:altReactJS tutorial from CodeJobs. Contribute to francomahl/tutorial-reactjs development by creating an account on GitHub.
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None59e55daad7174ca59d63c6974d58276ccb5477442e550bebb3c035e1bef11c94
turbo-cache-controlno-cache
go-importgithub.com/francomahl/tutorial-reactjs git https://github.com/francomahl/tutorial-reactjs.git
octolytics-dimension-user_id15332509
octolytics-dimension-user_loginfrancomahl
octolytics-dimension-repository_id125661733
octolytics-dimension-repository_nwofrancomahl/tutorial-reactjs
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id125661733
octolytics-dimension-repository_network_root_nwofrancomahl/tutorial-reactjs
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release990295d92a4cc7b63fbbd83a046217cd7d77d49c
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/francomahl/tutorial-reactjs#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Ffrancomahl%2Ftutorial-reactjs
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Ffrancomahl%2Ftutorial-reactjs
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=francomahl%2Ftutorial-reactjs
Reloadhttps://github.com/francomahl/tutorial-reactjs
Reloadhttps://github.com/francomahl/tutorial-reactjs
Reloadhttps://github.com/francomahl/tutorial-reactjs
francomahl https://github.com/francomahl
tutorial-reactjshttps://github.com/francomahl/tutorial-reactjs
Notifications https://github.com/login?return_to=%2Ffrancomahl%2Ftutorial-reactjs
Fork 0 https://github.com/login?return_to=%2Ffrancomahl%2Ftutorial-reactjs
Star 0 https://github.com/login?return_to=%2Ffrancomahl%2Ftutorial-reactjs
Code https://github.com/francomahl/tutorial-reactjs
Issues 0 https://github.com/francomahl/tutorial-reactjs/issues
Pull requests 0 https://github.com/francomahl/tutorial-reactjs/pulls
Actions https://github.com/francomahl/tutorial-reactjs/actions
Projects https://github.com/francomahl/tutorial-reactjs/projects
Security and quality 0 https://github.com/francomahl/tutorial-reactjs/security
Insights https://github.com/francomahl/tutorial-reactjs/pulse
Code https://github.com/francomahl/tutorial-reactjs
Issues https://github.com/francomahl/tutorial-reactjs/issues
Pull requests https://github.com/francomahl/tutorial-reactjs/pulls
Actions https://github.com/francomahl/tutorial-reactjs/actions
Projects https://github.com/francomahl/tutorial-reactjs/projects
Security and quality https://github.com/francomahl/tutorial-reactjs/security
Insights https://github.com/francomahl/tutorial-reactjs/pulse
https://github.com/francomahl/tutorial-reactjs
Brancheshttps://github.com/francomahl/tutorial-reactjs/branches
Tagshttps://github.com/francomahl/tutorial-reactjs/tags
https://github.com/francomahl/tutorial-reactjs/branches
https://github.com/francomahl/tutorial-reactjs/tags
1 Commithttps://github.com/francomahl/tutorial-reactjs/commits/master/
https://github.com/francomahl/tutorial-reactjs/commits/master/
.ideahttps://github.com/francomahl/tutorial-reactjs/tree/master/.idea
.ideahttps://github.com/francomahl/tutorial-reactjs/tree/master/.idea
publichttps://github.com/francomahl/tutorial-reactjs/tree/master/public
publichttps://github.com/francomahl/tutorial-reactjs/tree/master/public
srchttps://github.com/francomahl/tutorial-reactjs/tree/master/src
srchttps://github.com/francomahl/tutorial-reactjs/tree/master/src
.gitignorehttps://github.com/francomahl/tutorial-reactjs/blob/master/.gitignore
.gitignorehttps://github.com/francomahl/tutorial-reactjs/blob/master/.gitignore
README.mdhttps://github.com/francomahl/tutorial-reactjs/blob/master/README.md
README.mdhttps://github.com/francomahl/tutorial-reactjs/blob/master/README.md
package-lock.jsonhttps://github.com/francomahl/tutorial-reactjs/blob/master/package-lock.json
package-lock.jsonhttps://github.com/francomahl/tutorial-reactjs/blob/master/package-lock.json
package.jsonhttps://github.com/francomahl/tutorial-reactjs/blob/master/package.json
package.jsonhttps://github.com/francomahl/tutorial-reactjs/blob/master/package.json
yarn.lockhttps://github.com/francomahl/tutorial-reactjs/blob/master/yarn.lock
yarn.lockhttps://github.com/francomahl/tutorial-reactjs/blob/master/yarn.lock
READMEhttps://github.com/francomahl/tutorial-reactjs
Create React Apphttps://github.com/facebookincubator/create-react-app
herehttps://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md
https://github.com/francomahl/tutorial-reactjs#table-of-contents
Updating to New Releaseshttps://github.com/francomahl/tutorial-reactjs#updating-to-new-releases
Sending Feedbackhttps://github.com/francomahl/tutorial-reactjs#sending-feedback
Folder Structurehttps://github.com/francomahl/tutorial-reactjs#folder-structure
Available Scriptshttps://github.com/francomahl/tutorial-reactjs#available-scripts
npm starthttps://github.com/francomahl/tutorial-reactjs#npm-start
npm testhttps://github.com/francomahl/tutorial-reactjs#npm-test
npm run buildhttps://github.com/francomahl/tutorial-reactjs#npm-run-build
npm run ejecthttps://github.com/francomahl/tutorial-reactjs#npm-run-eject
Supported Browsershttps://github.com/francomahl/tutorial-reactjs#supported-browsers
Supported Language Features and Polyfillshttps://github.com/francomahl/tutorial-reactjs#supported-language-features-and-polyfills
Syntax Highlighting in the Editorhttps://github.com/francomahl/tutorial-reactjs#syntax-highlighting-in-the-editor
Displaying Lint Output in the Editorhttps://github.com/francomahl/tutorial-reactjs#displaying-lint-output-in-the-editor
Debugging in the Editorhttps://github.com/francomahl/tutorial-reactjs#debugging-in-the-editor
Formatting Code Automaticallyhttps://github.com/francomahl/tutorial-reactjs#formatting-code-automatically
Changing the Page </td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#changing-the-page-title'>https://github.com/francomahl/tutorial-reactjs#changing-the-page-title</a></td></tr> <tr><td>Installing a Dependency</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#installing-a-dependency'>https://github.com/francomahl/tutorial-reactjs#installing-a-dependency</a></td></tr> <tr><td>Importing a Component</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#importing-a-component'>https://github.com/francomahl/tutorial-reactjs#importing-a-component</a></td></tr> <tr><td>Code Splitting</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#code-splitting'>https://github.com/francomahl/tutorial-reactjs#code-splitting</a></td></tr> <tr><td>Adding a Stylesheet</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet'>https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet</a></td></tr> <tr><td>Post-Processing CSS</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#post-processing-css'>https://github.com/francomahl/tutorial-reactjs#post-processing-css</a></td></tr> <tr><td>Adding a CSS Preprocessor (Sass, Less etc.)</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-css-preprocessor-sass-less-etc'>https://github.com/francomahl/tutorial-reactjs#adding-a-css-preprocessor-sass-less-etc</a></td></tr> <tr><td>Adding Images, Fonts, and Files</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files'>https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files</a></td></tr> <tr><td>Using the public Folder</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-the-public-folder'>https://github.com/francomahl/tutorial-reactjs#using-the-public-folder</a></td></tr> <tr><td>Changing the HTML</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#changing-the-html'>https://github.com/francomahl/tutorial-reactjs#changing-the-html</a></td></tr> <tr><td>Adding Assets Outside of the Module System</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-assets-outside-of-the-module-system'>https://github.com/francomahl/tutorial-reactjs#adding-assets-outside-of-the-module-system</a></td></tr> <tr><td>When to Use the public Folder</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#when-to-use-the-public-folder'>https://github.com/francomahl/tutorial-reactjs#when-to-use-the-public-folder</a></td></tr> <tr><td>Using Global Variables</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-global-variables'>https://github.com/francomahl/tutorial-reactjs#using-global-variables</a></td></tr> <tr><td>Adding Bootstrap</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-bootstrap'>https://github.com/francomahl/tutorial-reactjs#adding-bootstrap</a></td></tr> <tr><td>Using a Custom Theme</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-a-custom-theme'>https://github.com/francomahl/tutorial-reactjs#using-a-custom-theme</a></td></tr> <tr><td>Adding Flow</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-flow'>https://github.com/francomahl/tutorial-reactjs#adding-flow</a></td></tr> <tr><td>Adding a Router</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-router'>https://github.com/francomahl/tutorial-reactjs#adding-a-router</a></td></tr> <tr><td>Adding Custom Environment Variables</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-custom-environment-variables'>https://github.com/francomahl/tutorial-reactjs#adding-custom-environment-variables</a></td></tr> <tr><td>Referencing Environment Variables in the HTML</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#referencing-environment-variables-in-the-html'>https://github.com/francomahl/tutorial-reactjs#referencing-environment-variables-in-the-html</a></td></tr> <tr><td>Adding Temporary Environment Variables In Your Shell</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-temporary-environment-variables-in-your-shell'>https://github.com/francomahl/tutorial-reactjs#adding-temporary-environment-variables-in-your-shell</a></td></tr> <tr><td>Adding Development Environment Variables In .env</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-development-environment-variables-in-env'>https://github.com/francomahl/tutorial-reactjs#adding-development-environment-variables-in-env</a></td></tr> <tr><td>Can I Use Decorators?</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#can-i-use-decorators'>https://github.com/francomahl/tutorial-reactjs#can-i-use-decorators</a></td></tr> <tr><td>Fetching Data with AJAX Requests</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#fetching-data-with-ajax-requests'>https://github.com/francomahl/tutorial-reactjs#fetching-data-with-ajax-requests</a></td></tr> <tr><td>Integrating with an API Backend</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#integrating-with-an-api-backend'>https://github.com/francomahl/tutorial-reactjs#integrating-with-an-api-backend</a></td></tr> <tr><td>Node</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#node'>https://github.com/francomahl/tutorial-reactjs#node</a></td></tr> <tr><td>Ruby on Rails</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#ruby-on-rails'>https://github.com/francomahl/tutorial-reactjs#ruby-on-rails</a></td></tr> <tr><td>Proxying API Requests in Development</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#proxying-api-requests-in-development'>https://github.com/francomahl/tutorial-reactjs#proxying-api-requests-in-development</a></td></tr> <tr><td>"Invalid Host Header" Errors After Configuring Proxy</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#invalid-host-header-errors-after-configuring-proxy'>https://github.com/francomahl/tutorial-reactjs#invalid-host-header-errors-after-configuring-proxy</a></td></tr> <tr><td>Configuring the Proxy Manually</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#configuring-the-proxy-manually'>https://github.com/francomahl/tutorial-reactjs#configuring-the-proxy-manually</a></td></tr> <tr><td>Configuring a WebSocket Proxy</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#configuring-a-websocket-proxy'>https://github.com/francomahl/tutorial-reactjs#configuring-a-websocket-proxy</a></td></tr> <tr><td>Using HTTPS in Development</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-https-in-development'>https://github.com/francomahl/tutorial-reactjs#using-https-in-development</a></td></tr> <tr><td>Generating Dynamic <meta> Tags on the Server</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server'>https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server</a></td></tr> <tr><td>Pre-Rendering into Static HTML Files</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#pre-rendering-into-static-html-files'>https://github.com/francomahl/tutorial-reactjs#pre-rendering-into-static-html-files</a></td></tr> <tr><td>Injecting Data from the Server into the Page</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#injecting-data-from-the-server-into-the-page'>https://github.com/francomahl/tutorial-reactjs#injecting-data-from-the-server-into-the-page</a></td></tr> <tr><td>Running Tests</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#running-tests'>https://github.com/francomahl/tutorial-reactjs#running-tests</a></td></tr> <tr><td>Filename Conventions</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#filename-conventions'>https://github.com/francomahl/tutorial-reactjs#filename-conventions</a></td></tr> <tr><td>Command Line Interface</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#command-line-interface'>https://github.com/francomahl/tutorial-reactjs#command-line-interface</a></td></tr> <tr><td>Version Control Integration</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#version-control-integration'>https://github.com/francomahl/tutorial-reactjs#version-control-integration</a></td></tr> <tr><td>Writing Tests</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#writing-tests'>https://github.com/francomahl/tutorial-reactjs#writing-tests</a></td></tr> <tr><td>Testing Components</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#testing-components'>https://github.com/francomahl/tutorial-reactjs#testing-components</a></td></tr> <tr><td>Using Third Party Assertion Libraries</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-third-party-assertion-libraries'>https://github.com/francomahl/tutorial-reactjs#using-third-party-assertion-libraries</a></td></tr> <tr><td>Initializing Test Environment</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#initializing-test-environment'>https://github.com/francomahl/tutorial-reactjs#initializing-test-environment</a></td></tr> <tr><td>Focusing and Excluding Tests</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#focusing-and-excluding-tests'>https://github.com/francomahl/tutorial-reactjs#focusing-and-excluding-tests</a></td></tr> <tr><td>Coverage Reporting</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#coverage-reporting'>https://github.com/francomahl/tutorial-reactjs#coverage-reporting</a></td></tr> <tr><td>Continuous Integration</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#continuous-integration'>https://github.com/francomahl/tutorial-reactjs#continuous-integration</a></td></tr> <tr><td>Disabling jsdom</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#disabling-jsdom'>https://github.com/francomahl/tutorial-reactjs#disabling-jsdom</a></td></tr> <tr><td>Snapshot Testing</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#snapshot-testing'>https://github.com/francomahl/tutorial-reactjs#snapshot-testing</a></td></tr> <tr><td>Editor Integration</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#editor-integration'>https://github.com/francomahl/tutorial-reactjs#editor-integration</a></td></tr> <tr><td>Debugging Tests</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#debugging-tests'>https://github.com/francomahl/tutorial-reactjs#debugging-tests</a></td></tr> <tr><td>Debugging Tests in Chrome</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-chrome'>https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-chrome</a></td></tr> <tr><td>Debugging Tests in Visual Studio Code</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-visual-studio-code'>https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-visual-studio-code</a></td></tr> <tr><td>Developing Components in Isolation</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#developing-components-in-isolation'>https://github.com/francomahl/tutorial-reactjs#developing-components-in-isolation</a></td></tr> <tr><td>Getting Started with Storybook</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#getting-started-with-storybook'>https://github.com/francomahl/tutorial-reactjs#getting-started-with-storybook</a></td></tr> <tr><td>Getting Started with Styleguidist</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#getting-started-with-styleguidist'>https://github.com/francomahl/tutorial-reactjs#getting-started-with-styleguidist</a></td></tr> <tr><td>Publishing Components to npm</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#publishing-components-to-npm'>https://github.com/francomahl/tutorial-reactjs#publishing-components-to-npm</a></td></tr> <tr><td>Making a Progressive Web App</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#making-a-progressive-web-app'>https://github.com/francomahl/tutorial-reactjs#making-a-progressive-web-app</a></td></tr> <tr><td>Opting Out of Caching</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#opting-out-of-caching'>https://github.com/francomahl/tutorial-reactjs#opting-out-of-caching</a></td></tr> <tr><td>Offline-First Considerations</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#offline-first-considerations'>https://github.com/francomahl/tutorial-reactjs#offline-first-considerations</a></td></tr> <tr><td>Progressive Web App Metadata</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#progressive-web-app-metadata'>https://github.com/francomahl/tutorial-reactjs#progressive-web-app-metadata</a></td></tr> <tr><td>Analyzing the Bundle Size</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#analyzing-the-bundle-size'>https://github.com/francomahl/tutorial-reactjs#analyzing-the-bundle-size</a></td></tr> <tr><td>Deployment</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#deployment'>https://github.com/francomahl/tutorial-reactjs#deployment</a></td></tr> <tr><td>Static Server</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#static-server'>https://github.com/francomahl/tutorial-reactjs#static-server</a></td></tr> <tr><td>Other Solutions</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#other-solutions'>https://github.com/francomahl/tutorial-reactjs#other-solutions</a></td></tr> <tr><td>Serving Apps with Client-Side Routing</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#serving-apps-with-client-side-routing'>https://github.com/francomahl/tutorial-reactjs#serving-apps-with-client-side-routing</a></td></tr> <tr><td>Building for Relative Paths</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#building-for-relative-paths'>https://github.com/francomahl/tutorial-reactjs#building-for-relative-paths</a></td></tr> <tr><td>Azure</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#azure'>https://github.com/francomahl/tutorial-reactjs#azure</a></td></tr> <tr><td>Firebase</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#firebase'>https://github.com/francomahl/tutorial-reactjs#firebase</a></td></tr> <tr><td>GitHub Pages</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#github-pages'>https://github.com/francomahl/tutorial-reactjs#github-pages</a></td></tr> <tr><td>Heroku</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#heroku'>https://github.com/francomahl/tutorial-reactjs#heroku</a></td></tr> <tr><td>Netlify</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#netlify'>https://github.com/francomahl/tutorial-reactjs#netlify</a></td></tr> <tr><td>Now</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#now'>https://github.com/francomahl/tutorial-reactjs#now</a></td></tr> <tr><td>S3 and CloudFront</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#s3-and-cloudfront'>https://github.com/francomahl/tutorial-reactjs#s3-and-cloudfront</a></td></tr> <tr><td>Surge</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#surge'>https://github.com/francomahl/tutorial-reactjs#surge</a></td></tr> <tr><td>Advanced Configuration</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#advanced-configuration'>https://github.com/francomahl/tutorial-reactjs#advanced-configuration</a></td></tr> <tr><td>Troubleshooting</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#troubleshooting'>https://github.com/francomahl/tutorial-reactjs#troubleshooting</a></td></tr> <tr><td>npm start doesn’t detect changes</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-start-doesnt-detect-changes'>https://github.com/francomahl/tutorial-reactjs#npm-start-doesnt-detect-changes</a></td></tr> <tr><td>npm test hangs on macOS Sierra</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-test-hangs-on-macos-sierra'>https://github.com/francomahl/tutorial-reactjs#npm-test-hangs-on-macos-sierra</a></td></tr> <tr><td>npm run build exits too early</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-build-exits-too-early'>https://github.com/francomahl/tutorial-reactjs#npm-run-build-exits-too-early</a></td></tr> <tr><td>npm run build fails on Heroku</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-on-heroku'>https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-on-heroku</a></td></tr> <tr><td>npm run build fails to minify</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-to-minify'>https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-to-minify</a></td></tr> <tr><td>Moment.js locales are missing</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#momentjs-locales-are-missing'>https://github.com/francomahl/tutorial-reactjs#momentjs-locales-are-missing</a></td></tr> <tr><td>Alternatives to Ejecting</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#alternatives-to-ejecting'>https://github.com/francomahl/tutorial-reactjs#alternatives-to-ejecting</a></td></tr> <tr><td>Something Missing?</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#something-missing'>https://github.com/francomahl/tutorial-reactjs#something-missing</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#updating-to-new-releases'>https://github.com/francomahl/tutorial-reactjs#updating-to-new-releases</a></td></tr> <tr><td>open the changelog</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md'>https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md</a></td></tr> <tr><td>changelog</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md'>https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#sending-feedback'>https://github.com/francomahl/tutorial-reactjs#sending-feedback</a></td></tr> <tr><td>your feedback</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues'>https://github.com/facebookincubator/create-react-app/issues</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#folder-structure'>https://github.com/francomahl/tutorial-reactjs#folder-structure</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#available-scripts'>https://github.com/francomahl/tutorial-reactjs#available-scripts</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-start'>https://github.com/francomahl/tutorial-reactjs#npm-start</a></td></tr> <tr><td>http://localhost:3000</td><td><a href='/?url=http://localhost:3000'>http://localhost:3000</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-test'>https://github.com/francomahl/tutorial-reactjs#npm-test</a></td></tr> <tr><td>running tests</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#running-tests'>https://github.com/francomahl/tutorial-reactjs#running-tests</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-build'>https://github.com/francomahl/tutorial-reactjs#npm-run-build</a></td></tr> <tr><td>deployment</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#deployment'>https://github.com/francomahl/tutorial-reactjs#deployment</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-eject'>https://github.com/francomahl/tutorial-reactjs#npm-run-eject</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#supported-browsers'>https://github.com/francomahl/tutorial-reactjs#supported-browsers</a></td></tr> <tr><td>to the React documentation</td><td><a href='/?url=https://reactjs.org/docs/react-dom.html#browser-support'>https://reactjs.org/docs/react-dom.html#browser-support</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#supported-language-features-and-polyfills'>https://github.com/francomahl/tutorial-reactjs#supported-language-features-and-polyfills</a></td></tr> <tr><td>ES6</td><td><a href='/?url=https://github.com/lukehoban/es6features'>https://github.com/lukehoban/es6features</a></td></tr> <tr><td>Exponentiation Operator</td><td><a href='/?url=https://github.com/rwaldron/exponentiation-operator'>https://github.com/rwaldron/exponentiation-operator</a></td></tr> <tr><td>Async/await</td><td><a href='/?url=https://github.com/tc39/ecmascript-asyncawait'>https://github.com/tc39/ecmascript-asyncawait</a></td></tr> <tr><td>Object Rest/Spread Properties</td><td><a href='/?url=https://github.com/sebmarkbage/ecmascript-rest-spread'>https://github.com/sebmarkbage/ecmascript-rest-spread</a></td></tr> <tr><td>Dynamic import()</td><td><a href='/?url=https://github.com/tc39/proposal-dynamic-import'>https://github.com/tc39/proposal-dynamic-import</a></td></tr> <tr><td>Class Fields and Static Properties</td><td><a href='/?url=https://github.com/tc39/proposal-class-public-fields'>https://github.com/tc39/proposal-class-public-fields</a></td></tr> <tr><td>JSX</td><td><a href='/?url=https://facebook.github.io/react/docs/introducing-jsx.html'>https://facebook.github.io/react/docs/introducing-jsx.html</a></td></tr> <tr><td>Flow</td><td><a href='/?url=https://flowtype.org/'>https://flowtype.org/</a></td></tr> <tr><td>different proposal stages</td><td><a href='/?url=https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-'>https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-</a></td></tr> <tr><td>codemods</td><td><a href='/?url=https://medium.com/@cpojer/effective-javascript-codemods-5a6686bb46fb'>https://medium.com/@cpojer/effective-javascript-codemods-5a6686bb46fb</a></td></tr> <tr><td>polyfills</td><td><a href='/?url=https://en.wikipedia.org/wiki/Polyfill'>https://en.wikipedia.org/wiki/Polyfill</a></td></tr> <tr><td>Object.assign()</td><td><a href='/?url=https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign'>https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign</a></td></tr> <tr><td>object-assign</td><td><a href='/?url=https://github.com/sindresorhus/object-assign'>https://github.com/sindresorhus/object-assign</a></td></tr> <tr><td>Promise</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise'>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise</a></td></tr> <tr><td>promise</td><td><a href='/?url=https://github.com/then/promise'>https://github.com/then/promise</a></td></tr> <tr><td>fetch()</td><td><a href='/?url=https://developer.mozilla.org/en/docs/Web/API/Fetch_API'>https://developer.mozilla.org/en/docs/Web/API/Fetch_API</a></td></tr> <tr><td>whatwg-fetch</td><td><a href='/?url=https://github.com/github/fetch'>https://github.com/github/fetch</a></td></tr> <tr><td>Babel REPL</td><td><a href='/?url=https://babeljs.io/repl/'>https://babeljs.io/repl/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#syntax-highlighting-in-the-editor'>https://github.com/francomahl/tutorial-reactjs#syntax-highlighting-in-the-editor</a></td></tr> <tr><td>relevant Babel documentation page</td><td><a href='/?url=https://babeljs.io/docs/editors'>https://babeljs.io/docs/editors</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#displaying-lint-output-in-the-editor'>https://github.com/francomahl/tutorial-reactjs#displaying-lint-output-in-the-editor</a></td></tr> <tr><td>Prettier</td><td><a href='/?url=https://github.com/jlongster/prettier'>https://github.com/jlongster/prettier</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#debugging-in-the-editor'>https://github.com/francomahl/tutorial-reactjs#debugging-in-the-editor</a></td></tr> <tr><td>Visual Studio Code</td><td><a href='/?url=https://code.visualstudio.com'>https://code.visualstudio.com</a></td></tr> <tr><td>WebStorm</td><td><a href='/?url=https://www.jetbrains.com/webstorm/'>https://www.jetbrains.com/webstorm/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#visual-studio-code'>https://github.com/francomahl/tutorial-reactjs#visual-studio-code</a></td></tr> <tr><td>VS Code</td><td><a href='/?url=https://code.visualstudio.com'>https://code.visualstudio.com</a></td></tr> <tr><td>Chrome Debugger Extension</td><td><a href='/?url=https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome'>https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome</a></td></tr> <tr><td>HOST or PORT environment variables</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#advanced-configuration'>https://github.com/francomahl/tutorial-reactjs#advanced-configuration</a></td></tr> <tr><td>troubleshooting guide</td><td><a href='/?url=https://github.com/Microsoft/vscode-chrome-debug/blob/master/README.md#troubleshooting'>https://github.com/Microsoft/vscode-chrome-debug/blob/master/README.md#troubleshooting</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#webstorm'>https://github.com/francomahl/tutorial-reactjs#webstorm</a></td></tr> <tr><td>WebStorm</td><td><a href='/?url=https://www.jetbrains.com/webstorm/'>https://www.jetbrains.com/webstorm/</a></td></tr> <tr><td>JetBrains IDE Support</td><td><a href='/?url=https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji'>https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji</a></td></tr> <tr><td>HOST or PORT environment variables</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#advanced-configuration'>https://github.com/francomahl/tutorial-reactjs#advanced-configuration</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#formatting-code-automatically'>https://github.com/francomahl/tutorial-reactjs#formatting-code-automatically</a></td></tr> <tr><td>Prettier's GitHub page</td><td><a href='/?url=https://github.com/prettier/prettier'>https://github.com/prettier/prettier</a></td></tr> <tr><td>page to see it in action</td><td><a href='/?url=https://prettier.github.io/prettier/'>https://prettier.github.io/prettier/</a></td></tr> <tr><td>blog post about lint-staged to learn more about it</td><td><a href='/?url=https://medium.com/@okonetchnikov/make-linting-great-again-f3890e1ad6b8'>https://medium.com/@okonetchnikov/make-linting-great-again-f3890e1ad6b8</a></td></tr> <tr><td>Editor Integration</td><td><a href='/?url=https://prettier.io/docs/en/editors.html'>https://prettier.io/docs/en/editors.html</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#changing-the-page-title'>https://github.com/francomahl/tutorial-reactjs#changing-the-page-title</a></td></tr> <tr><td>adding a stylesheet</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet'>https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet</a></td></tr> <tr><td>document.title</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/API/Document/title'>https://developer.mozilla.org/en-US/docs/Web/API/Document/title</a></td></tr> <tr><td>React Helmet</td><td><a href='/?url=https://github.com/nfl/react-helmet'>https://github.com/nfl/react-helmet</a></td></tr> <tr><td>this section</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server'>https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server</a></td></tr> <tr><td>here</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#pre-rendering-into-static-html-files'>https://github.com/francomahl/tutorial-reactjs#pre-rendering-into-static-html-files</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#installing-a-dependency'>https://github.com/francomahl/tutorial-reactjs#installing-a-dependency</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#importing-a-component'>https://github.com/francomahl/tutorial-reactjs#importing-a-component</a></td></tr> <tr><td>import and export</td><td><a href='/?url=http://exploringjs.com/es6/ch_modules.html'>http://exploringjs.com/es6/ch_modules.html</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#buttonjs'>https://github.com/francomahl/tutorial-reactjs#buttonjs</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#dangerbuttonjs'>https://github.com/francomahl/tutorial-reactjs#dangerbuttonjs</a></td></tr> <tr><td>difference between default and named exports</td><td><a href='/?url=http://stackoverflow.com/questions/36795819/react-native-es-6-when-should-i-use-curly-braces-for-import/36796281#36796281'>http://stackoverflow.com/questions/36795819/react-native-es-6-when-should-i-use-curly-braces-for-import/36796281#36796281</a></td></tr> <tr><td>When to use the curly braces?</td><td><a href='/?url=http://stackoverflow.com/questions/36795819/react-native-es-6-when-should-i-use-curly-braces-for-import/36796281#36796281'>http://stackoverflow.com/questions/36795819/react-native-es-6-when-should-i-use-curly-braces-for-import/36796281#36796281</a></td></tr> <tr><td>Exploring ES6: Modules</td><td><a href='/?url=http://exploringjs.com/es6/ch_modules.html'>http://exploringjs.com/es6/ch_modules.html</a></td></tr> <tr><td>Understanding ES6: Modules</td><td><a href='/?url=https://leanpub.com/understandinges6/read#leanpub-auto-encapsulating-code-with-modules'>https://leanpub.com/understandinges6/read#leanpub-auto-encapsulating-code-with-modules</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#code-splitting'>https://github.com/francomahl/tutorial-reactjs#code-splitting</a></td></tr> <tr><td>dynamic import()</td><td><a href='/?url=http://2ality.com/2017/01/import-operator.html#loading-code-on-demand'>http://2ality.com/2017/01/import-operator.html#loading-code-on-demand</a></td></tr> <tr><td>proposal</td><td><a href='/?url=https://github.com/tc39/proposal-dynamic-import'>https://github.com/tc39/proposal-dynamic-import</a></td></tr> <tr><td>Promise</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise'>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#moduleajs'>https://github.com/francomahl/tutorial-reactjs#moduleajs</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#appjs'>https://github.com/francomahl/tutorial-reactjs#appjs</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#with-react-router'>https://github.com/francomahl/tutorial-reactjs#with-react-router</a></td></tr> <tr><td>this tutorial</td><td><a href='/?url=http://serverless-stack.com/chapters/code-splitting-in-create-react-app.html'>http://serverless-stack.com/chapters/code-splitting-in-create-react-app.html</a></td></tr> <tr><td>here</td><td><a href='/?url=https://github.com/AnomalyInnovations/serverless-stack-demo-client/tree/code-splitting-in-create-react-app'>https://github.com/AnomalyInnovations/serverless-stack-demo-client/tree/code-splitting-in-create-react-app</a></td></tr> <tr><td>Code Splitting</td><td><a href='/?url=https://reactjs.org/docs/code-splitting.html'>https://reactjs.org/docs/code-splitting.html</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet'>https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet</a></td></tr> <tr><td>Webpack</td><td><a href='/?url=https://webpack.js.org/'>https://webpack.js.org/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#buttoncss'>https://github.com/francomahl/tutorial-reactjs#buttoncss</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#buttonjs-1'>https://github.com/francomahl/tutorial-reactjs#buttonjs-1</a></td></tr> <tr><td>here</td><td><a href='/?url=https://medium.com/seek-ui-engineering/block-element-modifying-your-javascript-components-d7f99fcab52b'>https://medium.com/seek-ui-engineering/block-element-modifying-your-javascript-components-d7f99fcab52b</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#post-processing-css'>https://github.com/francomahl/tutorial-reactjs#post-processing-css</a></td></tr> <tr><td>Autoprefixer</td><td><a href='/?url=https://github.com/postcss/autoprefixer'>https://github.com/postcss/autoprefixer</a></td></tr> <tr><td>follow this section</td><td><a href='/?url=https://github.com/postcss/autoprefixer#disabling'>https://github.com/postcss/autoprefixer#disabling</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-css-preprocessor-sass-less-etc'>https://github.com/francomahl/tutorial-reactjs#adding-a-css-preprocessor-sass-less-etc</a></td></tr> <tr><td>not inherit</td><td><a href='/?url=https://facebook.github.io/react/docs/composition-vs-inheritance.html'>https://facebook.github.io/react/docs/composition-vs-inheritance.html</a></td></tr> <tr><td>#1939</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/1939'>https://github.com/facebookincubator/create-react-app/issues/1939</a></td></tr> <tr><td>#1891</td><td><a href='/?url=https://github.com/sass/node-sass/issues/1891'>https://github.com/sass/node-sass/issues/1891</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files'>https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files</a></td></tr> <tr><td>data URI</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs'>https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs</a></td></tr> <tr><td>#1153</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/1153'>https://github.com/facebookincubator/create-react-app/issues/1153</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-the-public-folder'>https://github.com/francomahl/tutorial-reactjs#using-the-public-folder</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#changing-the-html'>https://github.com/francomahl/tutorial-reactjs#changing-the-html</a></td></tr> <tr><td>set the page title</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#changing-the-page-title'>https://github.com/francomahl/tutorial-reactjs#changing-the-page-title</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-assets-outside-of-the-module-system'>https://github.com/francomahl/tutorial-reactjs#adding-assets-outside-of-the-module-system</a></td></tr> <tr><td>adding a stylesheet</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet'>https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet</a></td></tr> <tr><td>adding images and fonts</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files'>https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#when-to-use-the-public-folder'>https://github.com/francomahl/tutorial-reactjs#when-to-use-the-public-folder</a></td></tr> <tr><td>stylesheets</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet'>https://github.com/francomahl/tutorial-reactjs#adding-a-stylesheet</a></td></tr> <tr><td>images, and fonts</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files'>https://github.com/francomahl/tutorial-reactjs#adding-images-fonts-and-files</a></td></tr> <tr><td>manifest.webmanifest</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/Manifest'>https://developer.mozilla.org/en-US/docs/Web/Manifest</a></td></tr> <tr><td>pace.js</td><td><a href='/?url=http://github.hubspot.com/pace/docs/welcome/'>http://github.hubspot.com/pace/docs/welcome/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-global-variables'>https://github.com/francomahl/tutorial-reactjs#using-global-variables</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-bootstrap'>https://github.com/francomahl/tutorial-reactjs#adding-bootstrap</a></td></tr> <tr><td>React Bootstrap</td><td><a href='/?url=https://react-bootstrap.github.io'>https://react-bootstrap.github.io</a></td></tr> <tr><td>App.js</td><td><a href='/?url=https://gist.githubusercontent.com/gaearon/85d8c067f6af1e56277c82d19fd4da7b/raw/6158dd991b67284e9fc8d70b9d973efe87659d72/App.js'>https://gist.githubusercontent.com/gaearon/85d8c067f6af1e56277c82d19fd4da7b/raw/6158dd991b67284e9fc8d70b9d973efe87659d72/App.js</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-a-custom-theme'>https://github.com/francomahl/tutorial-reactjs#using-a-custom-theme</a></td></tr> <tr><td>customized Bootstrap</td><td><a href='/?url=https://medium.com/@tacomanator/customizing-create-react-app-aa9ffb88165'>https://medium.com/@tacomanator/customizing-create-react-app-aa9ffb88165</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-flow'>https://github.com/francomahl/tutorial-reactjs#adding-flow</a></td></tr> <tr><td>introduction to using static types in JavaScript</td><td><a href='/?url=https://medium.com/@preethikasireddy/why-use-static-types-in-javascript-part-1-8382da1e0adb'>https://medium.com/@preethikasireddy/why-use-static-types-in-javascript-part-1-8382da1e0adb</a></td></tr> <tr><td>Flow</td><td><a href='/?url=http://flowtype.org/'>http://flowtype.org/</a></td></tr> <tr><td>.flowconfig file</td><td><a href='/?url=https://flowtype.org/docs/advanced-configuration.html'>https://flowtype.org/docs/advanced-configuration.html</a></td></tr> <tr><td>Nuclide</td><td><a href='/?url=https://nuclide.io/docs/languages/flow/'>https://nuclide.io/docs/languages/flow/</a></td></tr> <tr><td>its documentation</td><td><a href='/?url=https://flowtype.org/'>https://flowtype.org/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-a-router'>https://github.com/francomahl/tutorial-reactjs#adding-a-router</a></td></tr> <tr><td>React Router</td><td><a href='/?url=https://reacttraining.com/react-router/'>https://reacttraining.com/react-router/</a></td></tr> <tr><td>Basic Example</td><td><a href='/?url=https://reacttraining.com/react-router/web/example/basic'>https://reacttraining.com/react-router/web/example/basic</a></td></tr> <tr><td>you may need to configure your production server to support client-side routing</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#serving-apps-with-client-side-routing'>https://github.com/francomahl/tutorial-reactjs#serving-apps-with-client-side-routing</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-custom-environment-variables'>https://github.com/francomahl/tutorial-reactjs#adding-custom-environment-variables</a></td></tr> <tr><td>described here</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#injecting-data-from-the-server-into-the-page'>https://github.com/francomahl/tutorial-reactjs#injecting-data-from-the-server-into-the-page</a></td></tr> <tr><td>exposing a private key on the machine that could have the same name</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/865#issuecomment-252199527'>https://github.com/facebookincubator/create-react-app/issues/865#issuecomment-252199527</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#referencing-environment-variables-in-the-html'>https://github.com/francomahl/tutorial-reactjs#referencing-environment-variables-in-the-html</a></td></tr> <tr><td>follow this approach instead</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server'>https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-temporary-environment-variables-in-your-shell'>https://github.com/francomahl/tutorial-reactjs#adding-temporary-environment-variables-in-your-shell</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#windows-cmdexe'>https://github.com/francomahl/tutorial-reactjs#windows-cmdexe</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#windows-powershell'>https://github.com/francomahl/tutorial-reactjs#windows-powershell</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#linux-macos-bash'>https://github.com/francomahl/tutorial-reactjs#linux-macos-bash</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-development-environment-variables-in-env'>https://github.com/francomahl/tutorial-reactjs#adding-development-environment-variables-in-env</a></td></tr> <tr><td>accidentally exposing a private key on the machine that could have the same name</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/865#issuecomment-252199527'>https://github.com/facebookincubator/create-react-app/issues/865#issuecomment-252199527</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#what-other-env-files-can-be-used'>https://github.com/francomahl/tutorial-reactjs#what-other-env-files-can-be-used</a></td></tr> <tr><td>dotenv documentation</td><td><a href='/?url=https://github.com/motdotla/dotenv'>https://github.com/motdotla/dotenv</a></td></tr> <tr><td>Travis CI</td><td><a href='/?url=https://docs.travis-ci.com/user/environment-variables/'>https://docs.travis-ci.com/user/environment-variables/</a></td></tr> <tr><td>Heroku</td><td><a href='/?url=https://devcenter.heroku.com/articles/config-vars'>https://devcenter.heroku.com/articles/config-vars</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#expanding-environment-variables-in-env'>https://github.com/francomahl/tutorial-reactjs#expanding-environment-variables-in-env</a></td></tr> <tr><td>dotenv-expand</td><td><a href='/?url=https://github.com/motdotla/dotenv-expand'>https://github.com/motdotla/dotenv-expand</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#can-i-use-decorators'>https://github.com/francomahl/tutorial-reactjs#can-i-use-decorators</a></td></tr> <tr><td>decorators</td><td><a href='/?url=https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841'>https://medium.com/google-developers/exploring-es7-decorators-76ecb65fb841</a></td></tr> <tr><td>#214</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/214'>https://github.com/facebookincubator/create-react-app/issues/214</a></td></tr> <tr><td>#411</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/411'>https://github.com/facebookincubator/create-react-app/issues/411</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#fetching-data-with-ajax-requests'>https://github.com/francomahl/tutorial-reactjs#fetching-data-with-ajax-requests</a></td></tr> <tr><td>axios</td><td><a href='/?url=https://github.com/axios/axios'>https://github.com/axios/axios</a></td></tr> <tr><td>fetch() API</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'>https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API</a></td></tr> <tr><td>here</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch'>https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch</a></td></tr> <tr><td>Promise polyfill</td><td><a href='/?url=https://github.com/then/promise'>https://github.com/then/promise</a></td></tr> <tr><td>here</td><td><a href='/?url=https://www.promisejs.org/'>https://www.promisejs.org/</a></td></tr> <tr><td>here</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise'>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise</a></td></tr> <tr><td>async / await</td><td><a href='/?url=https://davidwalsh.name/async-await'>https://davidwalsh.name/async-await</a></td></tr> <tr><td>the FAQ entry on the React website</td><td><a href='/?url=https://reactjs.org/docs/faq-ajax.html'>https://reactjs.org/docs/faq-ajax.html</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#integrating-with-an-api-backend'>https://github.com/francomahl/tutorial-reactjs#integrating-with-an-api-backend</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#node'>https://github.com/francomahl/tutorial-reactjs#node</a></td></tr> <tr><td>this tutorial</td><td><a href='/?url=https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/'>https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/</a></td></tr> <tr><td>here</td><td><a href='/?url=https://github.com/fullstackreact/food-lookup-demo'>https://github.com/fullstackreact/food-lookup-demo</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#ruby-on-rails'>https://github.com/francomahl/tutorial-reactjs#ruby-on-rails</a></td></tr> <tr><td>this tutorial</td><td><a href='/?url=https://www.fullstackreact.com/articles/how-to-get-create-react-app-to-work-with-your-rails-api/'>https://www.fullstackreact.com/articles/how-to-get-create-react-app-to-work-with-your-rails-api/</a></td></tr> <tr><td>here</td><td><a href='/?url=https://github.com/fullstackreact/food-lookup-demo-rails'>https://github.com/fullstackreact/food-lookup-demo-rails</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#proxying-api-requests-in-development'>https://github.com/francomahl/tutorial-reactjs#proxying-api-requests-in-development</a></td></tr> <tr><td>CORS issues</td><td><a href='/?url=http://stackoverflow.com/questions/21854516/understanding-ajax-cors-and-security-considerations'>http://stackoverflow.com/questions/21854516/understanding-ajax-cors-and-security-considerations</a></td></tr> <tr><td>Configure the proxy yourself</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#configuring-the-proxy-manually'>https://github.com/francomahl/tutorial-reactjs#configuring-the-proxy-manually</a></td></tr> <tr><td>here’s how to do it for Express</td><td><a href='/?url=http://enable-cors.org/server_expressjs.html'>http://enable-cors.org/server_expressjs.html</a></td></tr> <tr><td>environment variables</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-custom-environment-variables'>https://github.com/francomahl/tutorial-reactjs#adding-custom-environment-variables</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#invalid-host-header-errors-after-configuring-proxy'>https://github.com/francomahl/tutorial-reactjs#invalid-host-header-errors-after-configuring-proxy</a></td></tr> <tr><td>this article</td><td><a href='/?url=https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a'>https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a</a></td></tr> <tr><td>this issue</td><td><a href='/?url=https://github.com/webpack/webpack-dev-server/issues/887'>https://github.com/webpack/webpack-dev-server/issues/887</a></td></tr> <tr><td>described here</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/2271'>https://github.com/facebookincubator/create-react-app/issues/2271</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#configuring-the-proxy-manually'>https://github.com/francomahl/tutorial-reactjs#configuring-the-proxy-manually</a></td></tr> <tr><td>http-proxy-middleware</td><td><a href='/?url=https://github.com/chimurai/http-proxy-middleware#options'>https://github.com/chimurai/http-proxy-middleware#options</a></td></tr> <tr><td>http-proxy</td><td><a href='/?url=https://github.com/nodejitsu/node-http-proxy#options'>https://github.com/nodejitsu/node-http-proxy#options</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#configuring-a-websocket-proxy'>https://github.com/francomahl/tutorial-reactjs#configuring-a-websocket-proxy</a></td></tr> <tr><td>Socket.io</td><td><a href='/?url=https://socket.io/'>https://socket.io/</a></td></tr> <tr><td>the websocket.org echo test</td><td><a href='/?url=http://websocket.org/echo.html'>http://websocket.org/echo.html</a></td></tr> <tr><td>setting up a Socket.io server</td><td><a href='/?url=https://socket.io/docs/'>https://socket.io/docs/</a></td></tr> <tr><td>ws</td><td><a href='/?url=https://github.com/websockets/ws'>https://github.com/websockets/ws</a></td></tr> <tr><td>native WebSockets in the browser</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/API/WebSocket'>https://developer.mozilla.org/en-US/docs/Web/API/WebSocket</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-https-in-development'>https://github.com/francomahl/tutorial-reactjs#using-https-in-development</a></td></tr> <tr><td>the "proxy" feature</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#proxying-api-requests-in-development'>https://github.com/francomahl/tutorial-reactjs#proxying-api-requests-in-development</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#windows-cmdexe-1'>https://github.com/francomahl/tutorial-reactjs#windows-cmdexe-1</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#windows-powershell-1'>https://github.com/francomahl/tutorial-reactjs#windows-powershell-1</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#linux-macos-bash-1'>https://github.com/francomahl/tutorial-reactjs#linux-macos-bash-1</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server'>https://github.com/francomahl/tutorial-reactjs#generating-dynamic-meta-tags-on-the-server</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#pre-rendering-into-static-html-files'>https://github.com/francomahl/tutorial-reactjs#pre-rendering-into-static-html-files</a></td></tr> <tr><td>react-snapshot</td><td><a href='/?url=https://www.npmjs.com/package/react-snapshot'>https://www.npmjs.com/package/react-snapshot</a></td></tr> <tr><td>react-snap</td><td><a href='/?url=https://github.com/stereobooster/react-snap'>https://github.com/stereobooster/react-snap</a></td></tr> <tr><td>zero-configuration pre-rendering (also called snapshotting) here</td><td><a href='/?url=https://medium.com/superhighfives/an-almost-static-stack-6df0a2791319'>https://medium.com/superhighfives/an-almost-static-stack-6df0a2791319</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#injecting-data-from-the-server-into-the-page'>https://github.com/francomahl/tutorial-reactjs#injecting-data-from-the-server-into-the-page</a></td></tr> <tr><td>sanitize the JSON before sending it to the client</td><td><a href='/?url=https://medium.com/node-security/the-most-common-xss-vulnerability-in-react-js-applications-2bdffbcc1fa0'>https://medium.com/node-security/the-most-common-xss-vulnerability-in-react-js-applications-2bdffbcc1fa0</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#running-tests'>https://github.com/francomahl/tutorial-reactjs#running-tests</a></td></tr> <tr><td>Read the migration guide to learn how to enable it in older projects!</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md#migrating-from-023-to-030'>https://github.com/facebookincubator/create-react-app/blob/master/CHANGELOG.md#migrating-from-023-to-030</a></td></tr> <tr><td>Jest</td><td><a href='/?url=https://facebook.github.io/jest/'>https://facebook.github.io/jest/</a></td></tr> <tr><td>major revamp</td><td><a href='/?url=https://facebook.github.io/jest/blog/2016/09/01/jest-15.html'>https://facebook.github.io/jest/blog/2016/09/01/jest-15.html</a></td></tr> <tr><td>jsdom</td><td><a href='/?url=https://github.com/tmpvar/jsdom'>https://github.com/tmpvar/jsdom</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#filename-conventions'>https://github.com/francomahl/tutorial-reactjs#filename-conventions</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#command-line-interface'>https://github.com/francomahl/tutorial-reactjs#command-line-interface</a></td></tr> <tr><td></td><td><a href='/?url=https://camo.githubusercontent.com/20cb0800e3ff5ee9aef2c78ad7dc31e0390f449f56b94375d3effce7e6568e5c/687474703a2f2f66616365626f6f6b2e6769746875622e696f2f6a6573742f696d672f626c6f672f31352d77617463682e676966'>https://camo.githubusercontent.com/20cb0800e3ff5ee9aef2c78ad7dc31e0390f449f56b94375d3effce7e6568e5c/687474703a2f2f66616365626f6f6b2e6769746875622e696f2f6a6573742f696d672f626c6f672f31352d77617463682e676966</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#version-control-integration'>https://github.com/francomahl/tutorial-reactjs#version-control-integration</a></td></tr> <tr><td>continuous integration</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#continuous-integration'>https://github.com/francomahl/tutorial-reactjs#continuous-integration</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#writing-tests'>https://github.com/francomahl/tutorial-reactjs#writing-tests</a></td></tr> <tr><td>extensively documented here</td><td><a href='/?url=https://facebook.github.io/jest/docs/en/expect.html#content'>https://facebook.github.io/jest/docs/en/expect.html#content</a></td></tr> <tr><td>jest.fn() and expect(fn).toBeCalled()</td><td><a href='/?url=https://facebook.github.io/jest/docs/en/expect.html#tohavebeencalled'>https://facebook.github.io/jest/docs/en/expect.html#tohavebeencalled</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#testing-components'>https://github.com/francomahl/tutorial-reactjs#testing-components</a></td></tr> <tr><td>shallow() rendering API</td><td><a href='/?url=http://airbnb.io/enzyme/docs/api/shallow.html'>http://airbnb.io/enzyme/docs/api/shallow.html</a></td></tr> <tr><td>Enzyme</td><td><a href='/?url=http://airbnb.io/enzyme/'>http://airbnb.io/enzyme/</a></td></tr> <tr><td>global setup file</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#initializing-test-environment'>https://github.com/francomahl/tutorial-reactjs#initializing-test-environment</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#srcsetuptestsjs'>https://github.com/francomahl/tutorial-reactjs#srcsetuptestsjs</a></td></tr> <tr><td>Read here</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#initializing-test-environment'>https://github.com/francomahl/tutorial-reactjs#initializing-test-environment</a></td></tr> <tr><td>full rendering with mount()</td><td><a href='/?url=http://airbnb.io/enzyme/docs/api/mount.html'>http://airbnb.io/enzyme/docs/api/mount.html</a></td></tr> <tr><td>Enzyme documentation</td><td><a href='/?url=http://airbnb.io/enzyme/'>http://airbnb.io/enzyme/</a></td></tr> <tr><td>extensively documented here</td><td><a href='/?url=http://facebook.github.io/jest/docs/en/expect.html'>http://facebook.github.io/jest/docs/en/expect.html</a></td></tr> <tr><td>Chai</td><td><a href='/?url=http://chaijs.com/'>http://chaijs.com/</a></td></tr> <tr><td>jest-enzyme</td><td><a href='/?url=https://github.com/blainekasten/enzyme-matchers'>https://github.com/blainekasten/enzyme-matchers</a></td></tr> <tr><td>src/setupTests.js</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#initializing-test-environment'>https://github.com/francomahl/tutorial-reactjs#initializing-test-environment</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#using-third-party-assertion-libraries'>https://github.com/francomahl/tutorial-reactjs#using-third-party-assertion-libraries</a></td></tr> <tr><td>file those against Jest</td><td><a href='/?url=https://github.com/facebook/jest/issues/new'>https://github.com/facebook/jest/issues/new</a></td></tr> <tr><td>pretty-printing React elements as JSX</td><td><a href='/?url=https://github.com/facebook/jest/pull/1566'>https://github.com/facebook/jest/pull/1566</a></td></tr> <tr><td>Chai</td><td><a href='/?url=http://chaijs.com/'>http://chaijs.com/</a></td></tr> <tr><td>Sinon</td><td><a href='/?url=http://sinonjs.org/'>http://sinonjs.org/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#initializing-test-environment'>https://github.com/francomahl/tutorial-reactjs#initializing-test-environment</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#srcsetuptestsjs-1'>https://github.com/francomahl/tutorial-reactjs#srcsetuptestsjs-1</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#focusing-and-excluding-tests'>https://github.com/francomahl/tutorial-reactjs#focusing-and-excluding-tests</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#coverage-reporting'>https://github.com/francomahl/tutorial-reactjs#coverage-reporting</a></td></tr> <tr><td></td><td><a href='/?url=https://camo.githubusercontent.com/c49b94d4084e99a65dbb65ffa751824cc25a5a8764f0e95e93844c0ec6d5319a/687474703a2f2f692e696d6775722e636f6d2f356246686e54532e706e67'>https://camo.githubusercontent.com/c49b94d4084e99a65dbb65ffa751824cc25a5a8764f0e95e93844c0ec6d5319a/687474703a2f2f692e696d6775722e636f6d2f356246686e54532e706e67</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#configuration'>https://github.com/francomahl/tutorial-reactjs#configuration</a></td></tr> <tr><td>collectCoverageFrom</td><td><a href='/?url=https://facebook.github.io/jest/docs/en/configuration.html#collectcoveragefrom-array'>https://facebook.github.io/jest/docs/en/configuration.html#collectcoveragefrom-array</a></td></tr> <tr><td>coverageReporters</td><td><a href='/?url=https://facebook.github.io/jest/docs/en/configuration.html#coveragereporters-array-string'>https://facebook.github.io/jest/docs/en/configuration.html#coveragereporters-array-string</a></td></tr> <tr><td>coverageThreshold</td><td><a href='/?url=https://facebook.github.io/jest/docs/en/configuration.html#coveragethreshold-object'>https://facebook.github.io/jest/docs/en/configuration.html#coveragethreshold-object</a></td></tr> <tr><td>snapshotSerializers</td><td><a href='/?url=https://facebook.github.io/jest/docs/en/configuration.html#snapshotserializers-array-string'>https://facebook.github.io/jest/docs/en/configuration.html#snapshotserializers-array-string</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#continuous-integration'>https://github.com/francomahl/tutorial-reactjs#continuous-integration</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#on-ci-servers'>https://github.com/francomahl/tutorial-reactjs#on-ci-servers</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#travis-ci'>https://github.com/francomahl/tutorial-reactjs#travis-ci</a></td></tr> <tr><td>Travis Getting started</td><td><a href='/?url=https://docs.travis-ci.com/user/getting-started/'>https://docs.travis-ci.com/user/getting-started/</a></td></tr> <tr><td>profile</td><td><a href='/?url=https://travis-ci.org/profile'>https://travis-ci.org/profile</a></td></tr> <tr><td>Customize your Travis CI Build</td><td><a href='/?url=https://docs.travis-ci.com/user/customizing-the-build/'>https://docs.travis-ci.com/user/customizing-the-build/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#circleci'>https://github.com/francomahl/tutorial-reactjs#circleci</a></td></tr> <tr><td>this article</td><td><a href='/?url=https://medium.com/@knowbody/circleci-and-zeits-now-sh-c9b7eebcd3c1'>https://medium.com/@knowbody/circleci-and-zeits-now-sh-c9b7eebcd3c1</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#on-your-own-environment'>https://github.com/francomahl/tutorial-reactjs#on-your-own-environment</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#windows-cmdexe-2'>https://github.com/francomahl/tutorial-reactjs#windows-cmdexe-2</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#windows-powershell-2'>https://github.com/francomahl/tutorial-reactjs#windows-powershell-2</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#linux-macos-bash-2'>https://github.com/francomahl/tutorial-reactjs#linux-macos-bash-2</a></td></tr> <tr><td>file an issue</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/new'>https://github.com/facebookincubator/create-react-app/issues/new</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#disabling-jsdom'>https://github.com/francomahl/tutorial-reactjs#disabling-jsdom</a></td></tr> <tr><td>jsdom</td><td><a href='/?url=https://github.com/tmpvar/jsdom'>https://github.com/tmpvar/jsdom</a></td></tr> <tr><td>ReactDOM.render()</td><td><a href='/?url=https://facebook.github.io/react/docs/top-level-api.html#reactdom.render'>https://facebook.github.io/react/docs/top-level-api.html#reactdom.render</a></td></tr> <tr><td>TestUtils.renderIntoDocument()</td><td><a href='/?url=https://facebook.github.io/react/docs/test-utils.html#renderintodocument'>https://facebook.github.io/react/docs/test-utils.html#renderintodocument</a></td></tr> <tr><td>a shortcut</td><td><a href='/?url=https://github.com/facebook/react/blob/34761cf9a252964abfaab6faf74d473ad95d1f21/src/test/ReactTestUtils.js#L83-L91'>https://github.com/facebook/react/blob/34761cf9a252964abfaab6faf74d473ad95d1f21/src/test/ReactTestUtils.js#L83-L91</a></td></tr> <tr><td>mount()</td><td><a href='/?url=http://airbnb.io/enzyme/docs/api/mount.html'>http://airbnb.io/enzyme/docs/api/mount.html</a></td></tr> <tr><td>Enzyme</td><td><a href='/?url=http://airbnb.io/enzyme/index.html'>http://airbnb.io/enzyme/index.html</a></td></tr> <tr><td>TestUtils.createRenderer()</td><td><a href='/?url=https://facebook.github.io/react/docs/test-utils.html#shallow-rendering'>https://facebook.github.io/react/docs/test-utils.html#shallow-rendering</a></td></tr> <tr><td>shallow()</td><td><a href='/?url=http://airbnb.io/enzyme/docs/api/shallow.html'>http://airbnb.io/enzyme/docs/api/shallow.html</a></td></tr> <tr><td>Enzyme</td><td><a href='/?url=http://airbnb.io/enzyme/index.html'>http://airbnb.io/enzyme/index.html</a></td></tr> <tr><td>snapshot testing</td><td><a href='/?url=http://facebook.github.io/jest/blog/2016/07/27/jest-14.html'>http://facebook.github.io/jest/blog/2016/07/27/jest-14.html</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#snapshot-testing'>https://github.com/francomahl/tutorial-reactjs#snapshot-testing</a></td></tr> <tr><td>Read more about snapshot testing.</td><td><a href='/?url=http://facebook.github.io/jest/blog/2016/07/27/jest-14.html'>http://facebook.github.io/jest/blog/2016/07/27/jest-14.html</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#editor-integration'>https://github.com/francomahl/tutorial-reactjs#editor-integration</a></td></tr> <tr><td>Visual Studio Code</td><td><a href='/?url=https://code.visualstudio.com'>https://code.visualstudio.com</a></td></tr> <tr><td>Jest extension</td><td><a href='/?url=https://github.com/orta/vscode-jest'>https://github.com/orta/vscode-jest</a></td></tr> <tr><td></td><td><a href='/?url=https://cloud.githubusercontent.com/assets/49038/20795349/a032308a-b7c8-11e6-9b34-7eeac781003f.png'>https://cloud.githubusercontent.com/assets/49038/20795349/a032308a-b7c8-11e6-9b34-7eeac781003f.png</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#debugging-tests'>https://github.com/francomahl/tutorial-reactjs#debugging-tests</a></td></tr> <tr><td>Visual Studio Code</td><td><a href='/?url=https://code.visualstudio.com/'>https://code.visualstudio.com/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-chrome'>https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-chrome</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-visual-studio-code'>https://github.com/francomahl/tutorial-reactjs#debugging-tests-in-visual-studio-code</a></td></tr> <tr><td>Visual Studio Code</td><td><a href='/?url=https://code.visualstudio.com'>https://code.visualstudio.com</a></td></tr> <tr><td>launch.json</td><td><a href='/?url=https://code.visualstudio.com/docs/editor/debugging#_launch-configurations'>https://code.visualstudio.com/docs/editor/debugging#_launch-configurations</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#developing-components-in-isolation'>https://github.com/francomahl/tutorial-reactjs#developing-components-in-isolation</a></td></tr> <tr><td>Storybook for React</td><td><a href='/?url=https://storybook.js.org'>https://storybook.js.org</a></td></tr> <tr><td>source</td><td><a href='/?url=https://github.com/storybooks/storybook'>https://github.com/storybooks/storybook</a></td></tr> <tr><td>React Styleguidist</td><td><a href='/?url=https://react-styleguidist.js.org/'>https://react-styleguidist.js.org/</a></td></tr> <tr><td>source</td><td><a href='/?url=https://github.com/styleguidist/react-styleguidist'>https://github.com/styleguidist/react-styleguidist</a></td></tr> <tr><td></td><td><a href='/?url=https://camo.githubusercontent.com/07fa751b52b661640753bc5a2d840dafa6104b5220d111fc82ba256a5f9164fc/687474703a2f2f692e696d6775722e636f6d2f374349415770422e676966'>https://camo.githubusercontent.com/07fa751b52b661640753bc5a2d840dafa6104b5220d111fc82ba256a5f9164fc/687474703a2f2f692e696d6775722e636f6d2f374349415770422e676966</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#getting-started-with-storybook'>https://github.com/francomahl/tutorial-reactjs#getting-started-with-storybook</a></td></tr> <tr><td>Getting Started with React Storybook</td><td><a href='/?url=https://egghead.io/lessons/react-getting-started-with-react-storybook'>https://egghead.io/lessons/react-getting-started-with-react-storybook</a></td></tr> <tr><td>GitHub Repo</td><td><a href='/?url=https://github.com/storybooks/storybook'>https://github.com/storybooks/storybook</a></td></tr> <tr><td>Documentation</td><td><a href='/?url=https://storybook.js.org/basics/introduction/'>https://storybook.js.org/basics/introduction/</a></td></tr> <tr><td>Snapshot Testing UI</td><td><a href='/?url=https://github.com/storybooks/storybook/tree/master/addons/storyshots'>https://github.com/storybooks/storybook/tree/master/addons/storyshots</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#getting-started-with-styleguidist'>https://github.com/francomahl/tutorial-reactjs#getting-started-with-styleguidist</a></td></tr> <tr><td>GitHub Repo</td><td><a href='/?url=https://github.com/styleguidist/react-styleguidist'>https://github.com/styleguidist/react-styleguidist</a></td></tr> <tr><td>Documentation</td><td><a href='/?url=https://react-styleguidist.js.org/docs/getting-started.html'>https://react-styleguidist.js.org/docs/getting-started.html</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#publishing-components-to-npm'>https://github.com/francomahl/tutorial-reactjs#publishing-components-to-npm</a></td></tr> <tr><td>nwb</td><td><a href='/?url=https://github.com/insin/nwb#react-components-and-libraries'>https://github.com/insin/nwb#react-components-and-libraries</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#making-a-progressive-web-app'>https://github.com/francomahl/tutorial-reactjs#making-a-progressive-web-app</a></td></tr> <tr><td>Progressive Web App</td><td><a href='/?url=https://developers.google.com/web/progressive-web-apps/'>https://developers.google.com/web/progressive-web-apps/</a></td></tr> <tr><td>sw-precache-webpack-plugin</td><td><a href='/?url=https://github.com/goldhand/sw-precache-webpack-plugin'>https://github.com/goldhand/sw-precache-webpack-plugin</a></td></tr> <tr><td>cache-first strategy</td><td><a href='/?url=https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network'>https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/#cache-falling-back-to-network</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#opting-out-of-caching'>https://github.com/francomahl/tutorial-reactjs#opting-out-of-caching</a></td></tr> <tr><td>src/index.js</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/master/src/index.js'>https://github.com/francomahl/tutorial-reactjs/blob/master/src/index.js</a></td></tr> <tr><td>src/index.js</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/master/src/index.js'>https://github.com/francomahl/tutorial-reactjs/blob/master/src/index.js</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#offline-first-considerations'>https://github.com/francomahl/tutorial-reactjs#offline-first-considerations</a></td></tr> <tr><td>require HTTPS</td><td><a href='/?url=https://developers.google.com/web/fundamentals/getting-started/primers/service-workers#you_need_https'>https://developers.google.com/web/fundamentals/getting-started/primers/service-workers#you_need_https</a></td></tr> <tr><td>does not apply to localhost</td><td><a href='/?url=http://stackoverflow.com/questions/34160509/options-for-testing-service-workers-via-http/34161385#34161385'>http://stackoverflow.com/questions/34160509/options-for-testing-service-workers-via-http/34161385#34161385</a></td></tr> <tr><td>not currently supported</td><td><a href='/?url=https://jakearchibald.github.io/isserviceworkerready/'>https://jakearchibald.github.io/isserviceworkerready/</a></td></tr> <tr><td>won't be attempted</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/master/src/registerServiceWorker.js'>https://github.com/francomahl/tutorial-reactjs/blob/master/src/registerServiceWorker.js</a></td></tr> <tr><td>production environment</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#deployment'>https://github.com/francomahl/tutorial-reactjs#deployment</a></td></tr> <tr><td>deployment instructions</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#deployment'>https://github.com/francomahl/tutorial-reactjs#deployment</a></td></tr> <tr><td>with HTTP caching disabled</td><td><a href='/?url=http://stackoverflow.com/questions/38843970/service-worker-javascript-update-frequency-every-24-hours'>http://stackoverflow.com/questions/38843970/service-worker-javascript-update-frequency-every-24-hours</a></td></tr> <tr><td>GitHub Pages</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#github-pages'>https://github.com/francomahl/tutorial-reactjs#github-pages</a></td></tr> <tr><td>let the user know</td><td><a href='/?url=https://developers.google.com/web/fundamentals/instant-and-offline/offline-ux#inform_the_user_when_the_app_is_ready_for_offline_consumption'>https://developers.google.com/web/fundamentals/instant-and-offline/offline-ux#inform_the_user_when_the_app_is_ready_for_offline_consumption</a></td></tr> <tr><td>src/registerServiceWorker.js</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/master/src/registerServiceWorker.js'>https://github.com/francomahl/tutorial-reactjs/blob/master/src/registerServiceWorker.js</a></td></tr> <tr><td>API requests</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#integrating-with-an-api-backend'>https://github.com/francomahl/tutorial-reactjs#integrating-with-an-api-backend</a></td></tr> <tr><td>eject</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-eject'>https://github.com/francomahl/tutorial-reactjs#npm-run-eject</a></td></tr> <tr><td>runtimeCaching</td><td><a href='/?url=https://github.com/GoogleChrome/sw-precache#runtimecaching-arrayobject'>https://github.com/GoogleChrome/sw-precache#runtimecaching-arrayobject</a></td></tr> <tr><td>webpack.config.prod.js</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/config/webpack.config.prod.js'>https://github.com/francomahl/tutorial-reactjs/blob/config/webpack.config.prod.js</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#progressive-web-app-metadata'>https://github.com/francomahl/tutorial-reactjs#progressive-web-app-metadata</a></td></tr> <tr><td>public/manifest.json</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/master/public/manifest.json'>https://github.com/francomahl/tutorial-reactjs/blob/master/public/manifest.json</a></td></tr> <tr><td>manifest.json</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/master/public/manifest.json'>https://github.com/francomahl/tutorial-reactjs/blob/master/public/manifest.json</a></td></tr> <tr><td>The Web App Manifest guide</td><td><a href='/?url=https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/'>https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#analyzing-the-bundle-size'>https://github.com/francomahl/tutorial-reactjs#analyzing-the-bundle-size</a></td></tr> <tr><td>Source map explorer</td><td><a href='/?url=https://www.npmjs.com/package/source-map-explorer'>https://www.npmjs.com/package/source-map-explorer</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#deployment'>https://github.com/francomahl/tutorial-reactjs#deployment</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#static-server'>https://github.com/francomahl/tutorial-reactjs#static-server</a></td></tr> <tr><td>Node</td><td><a href='/?url=https://nodejs.org/'>https://nodejs.org/</a></td></tr> <tr><td>serve</td><td><a href='/?url=https://github.com/zeit/serve'>https://github.com/zeit/serve</a></td></tr> <tr><td>serve</td><td><a href='/?url=https://github.com/zeit/serve'>https://github.com/zeit/serve</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#other-solutions'>https://github.com/francomahl/tutorial-reactjs#other-solutions</a></td></tr> <tr><td>Node</td><td><a href='/?url=https://nodejs.org/'>https://nodejs.org/</a></td></tr> <tr><td>Express</td><td><a href='/?url=http://expressjs.com/'>http://expressjs.com/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#serving-apps-with-client-side-routing'>https://github.com/francomahl/tutorial-reactjs#serving-apps-with-client-side-routing</a></td></tr> <tr><td>pushState history API</td><td><a href='/?url=https://developer.mozilla.org/en-US/docs/Web/API/History_API#Adding_and_modifying_history_entries'>https://developer.mozilla.org/en-US/docs/Web/API/History_API#Adding_and_modifying_history_entries</a></td></tr> <tr><td>React Router</td><td><a href='/?url=https://github.com/ReactTraining/react-router'>https://github.com/ReactTraining/react-router</a></td></tr> <tr><td>Apache HTTP Server</td><td><a href='/?url=https://httpd.apache.org/'>https://httpd.apache.org/</a></td></tr> <tr><td>Apache Tomcat</td><td><a href='/?url=http://tomcat.apache.org/'>http://tomcat.apache.org/</a></td></tr> <tr><td>this Stack Overflow answer</td><td><a href='/?url=https://stackoverflow.com/a/41249464/4878474'>https://stackoverflow.com/a/41249464/4878474</a></td></tr> <tr><td>service workers</td><td><a href='/?url=https://developers.google.com/web/fundamentals/getting-started/primers/service-workers'>https://developers.google.com/web/fundamentals/getting-started/primers/service-workers</a></td></tr> <tr><td>ejecting</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-eject'>https://github.com/francomahl/tutorial-reactjs#npm-run-eject</a></td></tr> <tr><td>navigateFallback</td><td><a href='/?url=https://github.com/GoogleChrome/sw-precache#navigatefallback-string'>https://github.com/GoogleChrome/sw-precache#navigatefallback-string</a></td></tr> <tr><td>navigateFallbackWhitelist</td><td><a href='/?url=https://github.com/GoogleChrome/sw-precache#navigatefallbackwhitelist-arrayregexp'>https://github.com/GoogleChrome/sw-precache#navigatefallbackwhitelist-arrayregexp</a></td></tr> <tr><td>configuration</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/config/webpack.config.prod.js'>https://github.com/francomahl/tutorial-reactjs/blob/config/webpack.config.prod.js</a></td></tr> <tr><td>public/manifest.json</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/blob/master/public/manifest.json'>https://github.com/francomahl/tutorial-reactjs/blob/master/public/manifest.json</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#building-for-relative-paths'>https://github.com/francomahl/tutorial-reactjs#building-for-relative-paths</a></td></tr> <tr><td>here</td><td><a href='/?url=https://reacttraining.com/react-router/web/api/BrowserRouter/basename-string'>https://reacttraining.com/react-router/web/api/BrowserRouter/basename-string</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#serving-the-same-build-from-different-paths'>https://github.com/francomahl/tutorial-reactjs#serving-the-same-build-from-different-paths</a></td></tr> <tr><td>Azure</td><td><a href='/?url=https://azure.microsoft.com/'>https://azure.microsoft.com/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#azure'>https://github.com/francomahl/tutorial-reactjs#azure</a></td></tr> <tr><td>this</td><td><a href='/?url=https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321'>https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321</a></td></tr> <tr><td>this</td><td><a href='/?url=https://medium.com/@strid/host-create-react-app-on-azure-986bc40d5bf2#.pycfnafbg'>https://medium.com/@strid/host-create-react-app-on-azure-986bc40d5bf2#.pycfnafbg</a></td></tr> <tr><td>this</td><td><a href='/?url=https://github.com/ulrikaugustsson/azure-appservice-static'>https://github.com/ulrikaugustsson/azure-appservice-static</a></td></tr> <tr><td>Firebase</td><td><a href='/?url=https://firebase.google.com/'>https://firebase.google.com/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#firebase'>https://github.com/francomahl/tutorial-reactjs#firebase</a></td></tr> <tr><td>Firebase account</td><td><a href='/?url=https://console.firebase.google.com/'>https://console.firebase.google.com/</a></td></tr> <tr><td>issue #2440</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/2440'>https://github.com/facebookincubator/create-react-app/issues/2440</a></td></tr> <tr><td>Add Firebase to your JavaScript Project</td><td><a href='/?url=https://firebase.google.com/docs/web/setup'>https://firebase.google.com/docs/web/setup</a></td></tr> <tr><td>GitHub Pages</td><td><a href='/?url=https://pages.github.com/'>https://pages.github.com/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#github-pages'>https://github.com/francomahl/tutorial-reactjs#github-pages</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#step-1-add-homepage-to-packagejson'>https://github.com/francomahl/tutorial-reactjs#step-1-add-homepage-to-packagejson</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#step-2-install-gh-pages-and-add-deploy-to-scripts-in-packagejson'>https://github.com/francomahl/tutorial-reactjs#step-2-install-gh-pages-and-add-deploy-to-scripts-in-packagejson</a></td></tr> <tr><td>https://myusername.github.io/my-app</td><td><a href='/?url=https://myusername.github.io/my-app'>https://myusername.github.io/my-app</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#step-3-deploy-the-site-by-running-npm-run-deploy'>https://github.com/francomahl/tutorial-reactjs#step-3-deploy-the-site-by-running-npm-run-deploy</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#step-4-ensure-your-projects-settings-use-gh-pages'>https://github.com/francomahl/tutorial-reactjs#step-4-ensure-your-projects-settings-use-gh-pages</a></td></tr> <tr><td></td><td><a href='/?url=https://camo.githubusercontent.com/249549daa441370edeaea1cf717ce1e323bd2b7c11b9e42de1d9ed13d1c19d04/687474703a2f2f692e696d6775722e636f6d2f48556a4572396c2e706e67'>https://camo.githubusercontent.com/249549daa441370edeaea1cf717ce1e323bd2b7c11b9e42de1d9ed13d1c19d04/687474703a2f2f692e696d6775722e636f6d2f48556a4572396c2e706e67</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#step-5-optionally-configure-the-domain'>https://github.com/francomahl/tutorial-reactjs#step-5-optionally-configure-the-domain</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#notes-on-client-side-routing'>https://github.com/francomahl/tutorial-reactjs#notes-on-client-side-routing</a></td></tr> <tr><td>Read more</td><td><a href='/?url=https://reacttraining.com/react-router/web/api/Router'>https://reacttraining.com/react-router/web/api/Router</a></td></tr> <tr><td>in this guide</td><td><a href='/?url=https://github.com/rafrex/spa-github-pages'>https://github.com/rafrex/spa-github-pages</a></td></tr> <tr><td>Heroku</td><td><a href='/?url=https://www.heroku.com/'>https://www.heroku.com/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#heroku'>https://github.com/francomahl/tutorial-reactjs#heroku</a></td></tr> <tr><td>Heroku Buildpack for Create React App</td><td><a href='/?url=https://github.com/mars/create-react-app-buildpack'>https://github.com/mars/create-react-app-buildpack</a></td></tr> <tr><td>Deploying React with Zero Configuration</td><td><a href='/?url=https://blog.heroku.com/deploying-react-with-zero-configuration'>https://blog.heroku.com/deploying-react-with-zero-configuration</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#resolving-heroku-deployment-errors'>https://github.com/francomahl/tutorial-reactjs#resolving-heroku-deployment-errors</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#module-not-found-error-cannot-resolve-file-or-directory'>https://github.com/francomahl/tutorial-reactjs#module-not-found-error-cannot-resolve-file-or-directory</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#could-not-find-a-required-file'>https://github.com/francomahl/tutorial-reactjs#could-not-find-a-required-file</a></td></tr> <tr><td>Netlify</td><td><a href='/?url=https://www.netlify.com/'>https://www.netlify.com/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#netlify'>https://github.com/francomahl/tutorial-reactjs#netlify</a></td></tr> <tr><td>Start a new netlify project</td><td><a href='/?url=https://app.netlify.com/signup'>https://app.netlify.com/signup</a></td></tr> <tr><td>Now</td><td><a href='/?url=https://zeit.co/now'>https://zeit.co/now</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#now'>https://github.com/francomahl/tutorial-reactjs#now</a></td></tr> <tr><td>desktop tool</td><td><a href='/?url=https://zeit.co/download'>https://zeit.co/download</a></td></tr> <tr><td>this article.</td><td><a href='/?url=https://zeit.co/blog/unlimited-static'>https://zeit.co/blog/unlimited-static</a></td></tr> <tr><td>S3</td><td><a href='/?url=https://aws.amazon.com/s3'>https://aws.amazon.com/s3</a></td></tr> <tr><td>CloudFront</td><td><a href='/?url=https://aws.amazon.com/cloudfront/'>https://aws.amazon.com/cloudfront/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#s3-and-cloudfront'>https://github.com/francomahl/tutorial-reactjs#s3-and-cloudfront</a></td></tr> <tr><td>blog post</td><td><a href='/?url=https://medium.com/@omgwtfmarc/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af'>https://medium.com/@omgwtfmarc/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af</a></td></tr> <tr><td>Surge</td><td><a href='/?url=https://surge.sh/'>https://surge.sh/</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#surge'>https://github.com/francomahl/tutorial-reactjs#surge</a></td></tr> <tr><td>ensures that every URL falls back to that file</td><td><a href='/?url=https://surge.sh/help/adding-a-200-page-for-client-side-routing'>https://surge.sh/help/adding-a-200-page-for-client-side-routing</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#advanced-configuration'>https://github.com/francomahl/tutorial-reactjs#advanced-configuration</a></td></tr> <tr><td>.env</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#adding-development-environment-variables-in-env'>https://github.com/francomahl/tutorial-reactjs#adding-development-environment-variables-in-env</a></td></tr> <tr><td>browser</td><td><a href='/?url=https://github.com/sindresorhus/opn#app'>https://github.com/sindresorhus/opn#app</a></td></tr> <tr><td>package.json (homepage)</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#building-for-relative-paths'>https://github.com/francomahl/tutorial-reactjs#building-for-relative-paths</a></td></tr> <tr><td>send a pull request to detect your editor of choice</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/2636'>https://github.com/facebookincubator/create-react-app/issues/2636</a></td></tr> <tr><td>PATH</td><td><a href='/?url=https://en.wikipedia.org/wiki/PATH_(variable)'>https://en.wikipedia.org/wiki/PATH_(variable)</a></td></tr> <tr><td>NODE_PATH in Node.js</td><td><a href='/?url=https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders'>https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#troubleshooting'>https://github.com/francomahl/tutorial-reactjs#troubleshooting</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-start-doesnt-detect-changes'>https://github.com/francomahl/tutorial-reactjs#npm-start-doesnt-detect-changes</a></td></tr> <tr><td>need to restart the watcher</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/1164'>https://github.com/facebookincubator/create-react-app/issues/1164</a></td></tr> <tr><td>“Adjusting Your Text Editor”</td><td><a href='/?url=https://webpack.js.org/guides/development/#adjusting-your-text-editor'>https://webpack.js.org/guides/development/#adjusting-your-text-editor</a></td></tr> <tr><td>Webpack watcher bug</td><td><a href='/?url=https://github.com/webpack/watchpack/issues/42'>https://github.com/webpack/watchpack/issues/42</a></td></tr> <tr><td>tweak system settings</td><td><a href='/?url=https://github.com/webpack/docs/wiki/troubleshooting#not-enough-watchers'>https://github.com/webpack/docs/wiki/troubleshooting#not-enough-watchers</a></td></tr> <tr><td>in this thread</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/659'>https://github.com/facebookincubator/create-react-app/issues/659</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-test-hangs-on-macos-sierra'>https://github.com/francomahl/tutorial-reactjs#npm-test-hangs-on-macos-sierra</a></td></tr> <tr><td>Watchman</td><td><a href='/?url=https://facebook.github.io/watchman/'>https://facebook.github.io/watchman/</a></td></tr> <tr><td>facebookincubator/create-react-app#713</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/713'>https://github.com/facebookincubator/create-react-app/issues/713</a></td></tr> <tr><td>facebook/jest#1767</td><td><a href='/?url=https://github.com/facebook/jest/issues/1767'>https://github.com/facebook/jest/issues/1767</a></td></tr> <tr><td>facebook/watchman#358</td><td><a href='/?url=https://github.com/facebook/watchman/issues/358'>https://github.com/facebook/watchman/issues/358</a></td></tr> <tr><td>ember-cli/ember-cli#6259</td><td><a href='/?url=https://github.com/ember-cli/ember-cli/issues/6259'>https://github.com/ember-cli/ember-cli/issues/6259</a></td></tr> <tr><td>Homebrew</td><td><a href='/?url=http://brew.sh/'>http://brew.sh/</a></td></tr> <tr><td>other installation methods</td><td><a href='/?url=https://facebook.github.io/watchman/docs/install.html#build-install'>https://facebook.github.io/watchman/docs/install.html#build-install</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-build-exits-too-early'>https://github.com/francomahl/tutorial-reactjs#npm-run-build-exits-too-early</a></td></tr> <tr><td>adding some swap space</td><td><a href='/?url=https://www.digitalocean.com/community/tutorials/how-to-add-swap-on-ubuntu-14-04'>https://www.digitalocean.com/community/tutorials/how-to-add-swap-on-ubuntu-14-04</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-on-heroku'>https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-on-heroku</a></td></tr> <tr><td>this section</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#resolving-heroku-deployment-errors'>https://github.com/francomahl/tutorial-reactjs#resolving-heroku-deployment-errors</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#momentjs-locales-are-missing'>https://github.com/francomahl/tutorial-reactjs#momentjs-locales-are-missing</a></td></tr> <tr><td>Moment.js</td><td><a href='/?url=https://momentjs.com/'>https://momentjs.com/</a></td></tr> <tr><td>all the locales provided by Moment.js</td><td><a href='/?url=https://momentjs.com/#multiple-locale-support'>https://momentjs.com/#multiple-locale-support</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-to-minify'>https://github.com/francomahl/tutorial-reactjs#npm-run-build-fails-to-minify</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#alternatives-to-ejecting'>https://github.com/francomahl/tutorial-reactjs#alternatives-to-ejecting</a></td></tr> <tr><td>Ejecting</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#npm-run-eject'>https://github.com/francomahl/tutorial-reactjs#npm-run-eject</a></td></tr> <tr><td>This article</td><td><a href='/?url=https://auth0.com/blog/how-to-configure-create-react-app/'>https://auth0.com/blog/how-to-configure-create-react-app/</a></td></tr> <tr><td>this issue</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues/682'>https://github.com/facebookincubator/create-react-app/issues/682</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#something-missing'>https://github.com/francomahl/tutorial-reactjs#something-missing</a></td></tr> <tr><td>let us know</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/issues'>https://github.com/facebookincubator/create-react-app/issues</a></td></tr> <tr><td>contribute some!</td><td><a href='/?url=https://github.com/facebookincubator/create-react-app/edit/master/packages/react-scripts/template/README.md'>https://github.com/facebookincubator/create-react-app/edit/master/packages/react-scripts/template/README.md</a></td></tr> <tr><td>www.youtube.com/playlist?list=PLeWI3XlFEVOX6jACDygzApsvigQiDrun8</td><td><a href='/?url=https://www.youtube.com/playlist?list=PLeWI3XlFEVOX6jACDygzApsvigQiDrun8'>https://www.youtube.com/playlist?list=PLeWI3XlFEVOX6jACDygzApsvigQiDrun8</a></td></tr> <tr><td>Readme</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs#readme-ov-file'>https://github.com/francomahl/tutorial-reactjs#readme-ov-file</a></td></tr> <tr><td>Activity</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/activity'>https://github.com/francomahl/tutorial-reactjs/activity</a></td></tr> <tr><td>0 stars</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/stargazers'>https://github.com/francomahl/tutorial-reactjs/stargazers</a></td></tr> <tr><td>1 watching</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/watchers'>https://github.com/francomahl/tutorial-reactjs/watchers</a></td></tr> <tr><td>0 forks</td><td><a href='/?url=https://github.com/francomahl/tutorial-reactjs/forks'>https://github.com/francomahl/tutorial-reactjs/forks</a></td></tr> <tr><td>Report repository</td><td><a href='/?url=https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Ffrancomahl%2Ftutorial-reactjs&report=francomahl+%28user%29'>https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Ffrancomahl%2Ftutorial-reactjs&report=francomahl+%28user%29</a></td></tr> <tr><td> </td><td><a href='/?url=https://github.com'>https://github.com</a></td></tr> <tr><td>Terms</td><td><a href='/?url=https://docs.github.com/site-policy/github-terms/github-terms-of-service'>https://docs.github.com/site-policy/github-terms/github-terms-of-service</a></td></tr> <tr><td>Privacy</td><td><a href='/?url=https://docs.github.com/site-policy/privacy-policies/github-privacy-statement'>https://docs.github.com/site-policy/privacy-policies/github-privacy-statement</a></td></tr> <tr><td>Security</td><td><a href='/?url=https://github.com/security'>https://github.com/security</a></td></tr> <tr><td>Status</td><td><a href='/?url=https://www.githubstatus.com/'>https://www.githubstatus.com/</a></td></tr> <tr><td>Community</td><td><a href='/?url=https://github.community/'>https://github.community/</a></td></tr> <tr><td>Docs</td><td><a href='/?url=https://docs.github.com/'>https://docs.github.com/</a></td></tr> <tr><td>Contact</td><td><a href='/?url=https://support.github.com?tags=dotcom-footer'>https://support.github.com?tags=dotcom-footer</a></td></tr> </table> <p>Viewport: width=device-width <hr> URLs of <a href='/known-crawlers'>crawlers that visited me</a>.