book

Full Stack JavaScript Strategies

Name: Full Stack JavaScript Strategies
Author: Milecia McGregor
ISBN: 9781098122256

by Milecia McGregor

January 2025

Beginner

480 pages

12h 25m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Includes

Quizzes

Preface
Who This Book Is ForWhat You Will LearnWhat This Book Is NotHow This Book Is OrganizedConventions Used in This BookUsing Code ExamplesO’Reilly Online LearningHow to Contact UsAcknowledgments
I. Starting Your New Project
1. Kicking Off the Project
The Project You’ll BuildProject Kickoff MeetingDesign ConsiderationsData-Driven DesignBreaking Down Designs into TasksRefining Tasks from Feature RequirementsDiscussing Timelines with Product and Other TeamsTalking to Other Development TeamsCoordinating with DevOpsWorking with QAPlanning with SupportConclusion
II. Building the Backend
2. Setting Up the Backend
Why NestJS?Choosing a Project ApproachSetting Up NestJSTesting the Backend LocallyUpdating the READMEAdding a CHANGELOGMonolith and Microservice ArchitecturesAlternative Architectures to ConsiderSelecting an API Design Pattern: REST and GraphQLConclusion
3. Building the Data Schema
Initial ConsiderationsDiagramming the Data SchemaSetting Up PostgresDeciding What ORM to UseWriting MigrationsSeeding the DatabaseConclusion
4. REST APIs
Making Sure the Frontend and Backend AgreeCreating a Document for ConventionsMaking the API and First EndpointCreating the Orders EndpointsWorking on the Orders ServiceChecking the Database ConnectionConclusion
5. Third-Party Services
Choosing a Third-Party ServiceList of Potential ServicesIntegrating StripeWriting the ControllerWriting the ServiceConclusion
6. Background Jobs
Updating the Backend ArchitectureUsing Cron JobsAlerts and MonitoringLoggingIssues with Data Sync and Task ExecutionFuture ConsiderationsConclusion
7. Backend Testing
Why Spend the Time on TestsHow to Approach Test WritingMock DataConclusion

8. Backend Security Considerations
AuthenticationAuthorizationOWASP Top 10Other Noteworthy PracticesConclusion
9. Backend Debugging
Detailed Log MessagesEnvironment ConfigurationsStrategies for Tracing BugsHelping Other Devs DebugDebugging ChecklistConclusion
10. Backend Performance
MetricsAlerts and MonitoringCachingCache StrategiesTypes of CachingCache Implementation with RedisProduct ConsiderationsConclusion
11. Scalability Considerations
Types of ScalingVertical ScalingHorizontal ScalingHybrid ScalingResource ScalingScaling Best PracticesMake a PlanDocument the PlanRun TestsCommunicate ProgressStart Shifting TrafficConclusion
12. Monitoring, Logging, and Incident Handling
Uses for Logs and MonitoringUse Logs for DebuggingUse Monitoring to Inform Your ActionsMonitoring and Logging ToolsIncident PlaybooksPlaybook StagesIncident Response TemplateBlameless PostmortemsConclusion
III. Building the Frontend
13. Setting Up the Frontend
Frontend Architecture DecisionsChoosing a Frontend FrameworkApp Setup OptionsCommon ComponentsChoosing PackagesWorking with Other TeamsConclusion
14. Building the React App
Set Up the Initial React AppSet Up Linters and FormattersSet Up the Build ConfigsSet Up StylesSet Up TestingSet Up CHANGELOG and READMERun the App LocallyBuild the First FeatureProject StructureSet Up RoutingUpdate the Root of the AppConclusion
15. State Management
How Component State WorksuseStateuseReduceruseContextKnowing What App Level to Manage State InDifferent Approaches to State ManagementSetting Up the State ManagerConclusion
16. Data Management
Potential Tools for Fetching DataHandling API Calls with Axios and TanStack QueryThe .env FileHandling Loading StatesHandling Error StatesConfiguring Request HeadersWhen to Check on Backend FunctionalityConclusion
17. Custom Styles
AccessibilityMaking an Accessible FormChecking Your Accessibility ImplementationsMore Accessibility ConsiderationsConsistent DesignsCustom ThemesResponsive DesignConclusion
18. Frontend Error Handling
Error Boundary ApproachesError ComponentsLogging ErrorsUser Validation ErrorsAPI ErrorsConclusion
19. Frontend Security Considerations
Common VulnerabilitiesBusiness Logic ValidationSession ManagementPackage Version MaintenanceInput ValidationOther PrinciplesHow to Check Your Own AppConclusion
20. Frontend Performance
Benchmark MetricsLighthouse ToolsSitespeed.ioAreas for ImprovementBundle Size AnalysisBuild ConfigurationsCaching ConfigurationLazy LoadingPrefetchingCSS, Images, and FontsConclusion
21. Frontend Testing
Determining Test ScenariosUnit TestsJest and React Testing LibraryVitestMock Service WorkerE2E Testing with CypressConclusion
22. Frontend Debugging
The Debugging ProcessLooking Through LogsChecking the CodeUsing console.log MessagesUsing BreakpointsUsing Unit TestsUsing GitUsing the Browser DevtoolsThe Elements TabThe Sources TabThe Network TabThe Application TabDebugging in Other EnvironmentsDebugging in Unexpected PlacesConclusion
IV. Deploying the Full Stack App
23. Full Stack Deployment Setup
Teams Involved in DeploysBackend and Frontend Connection StepsBackend StepsFrontend StepsCleanup StepsDocumentation and Maintenance StepsConclusion
24. Integration Testing
The Test CasesEnd-to-End Tests with CypressEnd-to-End Tests with PlaywrightEnd-to-End Tests with NightwatchComparison Between PackagesConclusion
25. Making Deployments
Deploying Frontend-Only or Backend-Only UpdatesDeploy StrategiesRelease DatesVersion ReleasesBlue-Green DeploysCanary DeploysStrategies for Doing RollbacksDeploying Older VersionsReverting or Resetting PRsDeploying a HotfixConclusion
26. Integration Concerns
Frontend and Backend ConcernsThird-Party Service ConcernsData and Security in ProductionContainerization of Your AppConclusion
27. Building a CI/CD Pipeline
Creating Your Own PipelineSpeed ConsiderationsGit HooksGitHub ConfigsCircleCI ConfigsEnvironment PipelinesFeature EnvironmentDevelopment EnvironmentStaging EnvironmentProduction EnvironmentEnvironment VariablesConclusion
28. Git Management
Branching StrategiesCommon Branches and Merge FlowPR ReviewsBranches for Smaller FunctionalityFeature Branches for Larger ImplementationsSquashing CommitsRebasing and Merging BranchesHandling Merge ConflictsDiscuss with the Dev Who Made ChangesUse git bisect to Find the Affected FilesManually Compare File ChangesConclusion
29. Project Management
Sprint DiscussionsEstimatesDev CapacityFeature RequirementsDev Team Ticket ReviewRoadmapsDefining and Managing TasksMaintain Team AwarenessWrite and Clarify TicketsConsider Overhead TasksPace YourselfManage Context ShiftingKeep Communication OpenConclusion
30. Understanding the Business Domain
Domain-Specific KnowledgeLearn from People Working Directly in the DomainTake CoursesWork in the DomainArchitectural and System Design DecisionsDomain-Driven DesignC4 DesignLearning from Other TeamsGet on Sales CallsJoin User Research StudiesTalk to MarketingListen in on Customer Support CallsLearn About LegalDocumentation ConsiderationsDefine JargonOnly Keep Relevant InfoShare Your KnowledgeShow How the Product Affects the OrganizationConclusion
31. Working on Different Types of Projects over Your Career
Considerations for Brand-New AppsUnderstand the Problem You’re Trying to SolveBuild the Data SchemaDecide on an ArchitecturePick Your Cloud ProviderBuild the BackendBuild the FrontendIntegrate the Backend and FrontendSet Up Your CI/CD PipelinePerform QA TestingCheck Your App in ProductionConsiderations for Existing AppsGet Access to the Services You NeedGet a Dev Instance RunningLook at the App in ProductionLook at the App in NonproductionRead Through the CodeTake Notes About Potential RefactorsAsk Questions and Document the AnswersImprove the Code QualityAdd TestsLearn What Different Alerts MeanYour CareerThe Technical PathThe Management PathProfessional JournalMoving to Other AreasConclusion
Index
About the Author

Content preview from Full Stack JavaScript Strategies

About the Author

Milecia McGregor is a staff software engineer who’s worked with TypeScript, Angular, React, Node, Python, SQL, AWS, and many other tools to build web apps. She also has a master’s degree in mechanical and aerospace engineering and has published research in machine learning and robotics. She’s had her own businesses, spoken internationally at a number of tech conferences, and worked in roles ranging from frontend developer to associate engineering director. She publishes articles covering all aspects of software for several publications, including freeCodeCamp. In her free time, she spends time with her husband and dogs while practicing martial arts and working towards a pilot license.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781098122249Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Full Stack JavaScript Strategies

by Milecia McGregor

About the Author

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.