Hire React developers in San Francisco
What the published figures say about hiring this skill into the San Francisco-Oakland-Fremont, CA market, what a seat here actually costs, and how to run the search so it closes.
The local market for this occupation
React developers are counted by the Bureau of Labor Statistics under Software Developers. In the San Francisco-Oakland-Fremont, CA area the Bureau puts employment in that occupation at 69,030, with a median annual wage of $186,640. The national median for the same occupation is $135,980, so San Francisco sits about 37% above the country as a whole.
Ranked against every US metropolitan area where this occupation is separately published, San Francisco is 2 of 377 by median wage. Of the 28 markets covered on this site it is 2. Those two numbers together are a better guide to what an offer needs to look like than any single national figure, because they say where the market sits rather than what it averages.
The middle half of the local market runs from $163,500 to $219,670. That band, not the midpoint, is the number to carry into a budget conversation about a React developer here. Where in the band a particular hire lands depends far more on what the person can be left to own than on how many years the CV shows, which is why the level definitions matter more than the title.
One qualification applies to all of this and it is worth stating plainly. The Bureau classifies by occupation, not by technology. Nobody publishes an official wage figure for React specifically, and any site that quotes one has either modelled it or made it up. The occupation figures are the honest available baseline: they describe the market a React developer is hired into, and the technology adjusts where inside that band a given person sits.
What each level looks like against local pay
Percentiles describe a market; they do not describe a person. The useful step is to read the published Software Developers band for San Francisco against what someone at each level can actually be left to own. The mapping below is a working guide rather than a rule, and the overlap between adjacent levels is genuine: a strong mid-level engineer can be worth more than a weak senior one and frequently is.
| Level | Indicative local band | What they can be left to own |
|---|---|---|
| Junior | $128,090 to $163,500 | Builds screens from an existing component library against a defined API. Needs the state shape decided for them. Reviews catch effect misuse and missing loading and error states. |
| Mid-level | $163,500 to $186,640 | Owns a feature end to end, including its data fetching, error states and tests. Can read a profiler. Still benefits from review on where state should live and on accessibility. |
| Senior | $186,640 to $219,670 | Owns the shape of an area of the application. Decides the server and client boundary, sets the data-fetching pattern, and can justify those choices against the alternatives. Raises the level of the people reviewing with them. |
| Staff | $219,670 to $273,400 | Owns cross-cutting concerns: the design system contract, the rendering strategy, the performance budget, and the migration path off whatever the codebase has outgrown. Measured by what other teams stop having to decide. |
Bands are percentiles of the published local occupation wage, not FuturByte rates, and not a guarantee that any individual sits where the band suggests.
Two things go wrong when this mapping is used carelessly. The first is budgeting a senior seat at the local median and then interviewing people who can genuinely own an area of the system; in San Francisco that band starts around $186,640 and an offer below it will not close against a counter. The second is the reverse: paying at the top of the band for someone who still needs their work scoped by somebody else. The level definitions are there so the conversation is about what the person will own rather than about how many years the CV shows.
It is also worth being explicit that years and level are only loosely related in React work. Somebody who has spent six years maintaining one application carries less transferable judgement than somebody who has spent three across three very different ones. When a CV and a band disagree, the interview should settle it, not the CV.
The titles you are bidding against locally
A React developer in San Francisco is not only being recruited by other teams hiring the same title. The same person is a credible candidate for several adjacent occupations, and what those pay locally is part of what any offer has to clear. These are the published local figures for the titles that compete for this pool.
| Occupation | Employed | 25th percentile | Median | 75th percentile | 90th percentile |
|---|---|---|---|---|---|
| Software Developers | 69,030 | $163,500 | $186,640 | $219,670 | $273,400 |
| Web Developers | 1,420 | $115,170 | $152,450 | $179,950 | $216,060 |
| Software QA Analysts and Testers | 5,880 | $97,320 | $134,630 | $168,050 | $205,990 |
| Data Scientists | 10,460 | $130,430 | $170,110 | $212,970 | $272,430 |
| Information Security Analysts | 3,730 | $115,000 | $162,310 | $201,690 | $246,070 |
| Computer and Information Systems Managers | 23,830 | $203,840 | $232,890 | $313,220 | $335,770 |
Where a row is missing, the Bureau does not publish a separate estimate for this metro, usually because the local sample is too small to release.
The spread across these titles in San Francisco runs from $232,890 for computer and information systems managers down to $134,630 for software qa analysts and testers. That gap is the practical reason technical people move sideways between titles rather than up within one: in this market the fastest available pay rise for a competent engineer is often a change of job title rather than a change of employer. If you are hiring at the lower end of that range, expect to lose some candidates to the upper end of it, and expect that to happen after they have accepted.
This also affects how a role should be written. A specification that describes the work in terms of one narrow title competes only for people who already hold it. One that describes the system and the ownership on offer reaches people currently sitting under a different title who would be entirely capable of the work, and that is usually where the available capacity in a tight market actually is.
Which direction this market is moving
A single year tells you the price. Three tell you whether it is going up. These are the published figures for software developers in the San Francisco-Oakland-Fremont, CA area across the last three releases.
| Reference period | Employed | Median wage |
|---|---|---|
| May 2023 | 83,920 | $172,340 |
| May 2024 | 76,900 | $174,910 |
| May 2025 | 69,030 | $186,640 |
Source: BLS Occupational Employment and Wage Statistics, metropolitan area files. The Bureau does not design these releases to be read as a time series; treat the movement as a direction rather than as a growth rate.
Across those two years the local median moved up 8%. Employment moved down 18% over the same period. For someone planning a React developer hire in San Francisco, the practical reading is that a salary band set from figures more than a year old is now likely to be under the market.
Markets a candidate here would also consider
Candidates do not compare your offer against a national average. They compare it against what they could get nearby, and for a React developer in San Francisco that means a handful of specific metros. These are the closest comparisons on the published figures.
| Metro area | Employed | Median wage | vs San Francisco | Location quotient |
|---|---|---|---|---|
| San Francisco-Oakland-Fremont, CA | 69,030 | $186,640 | — | 2.68 |
| San Jose-Sunnyvale-Santa Clara, CA | 87,350 | $213,110 | +14% | 7.09 |
| San Diego-Chula Vista-Carlsbad, CA | 20,610 | $163,270 | -13% | 1.23 |
| Seattle-Tacoma-Bellevue, WA | 92,770 | $167,280 | -10% | 4.10 |
Percentages compare each metro against San Francisco rather than against the national median.
San Jose-Sunnyvale-Santa Clara pays meaningfully more for this occupation than San Francisco does. For remote-capable work that is a real competitor for the same people, and it is worth knowing before you set a band rather than after a candidate declines.
The same table read the other way is a sourcing map. If the local pool is thin and a neighbouring metro pays less for the same occupation, that metro is where a remote or relocating candidate is most likely to come from, and the conversation is easier because the move is upward for them.
Where React work actually sits in this economy
The San Francisco economy is anchored by venture-backed SaaS, fintech, AI and machine learning and marketplaces. React is not used identically across those, and the version of the skill that is abundant locally is shaped by whichever of them employs the most engineers. That is the part a national salary table cannot tell you and it is usually what decides whether a shortlist converts.
Venture-backed SaaS
Where React appears in venture-backed SaaS, it most often looks like the commerce storefronts pattern: Category, search and checkout flows where render performance and Core Web Vitals translate directly into conversion, usually paired with server rendering. Developers coming out of this part of the San Francisco market therefore tend to arrive strong on the constraints that sector imposes and lighter on the ones it never had to deal with. If your product shares those constraints, that is experience you would otherwise spend a year building. If it does not, the gap is real, and it is a fair thing to ask about directly rather than to discover in month two.
Fintech
Where React appears in fintech, it most often looks like the commerce storefronts pattern: Category, search and checkout flows where render performance and Core Web Vitals translate directly into conversion, usually paired with server rendering. Developers coming out of this part of the San Francisco market therefore tend to arrive strong on the constraints that sector imposes and lighter on the ones it never had to deal with. If your product shares those constraints, that is experience you would otherwise spend a year building. If it does not, the gap is real, and it is a fair thing to ask about directly rather than to discover in month two.
AI and machine learning
Where React appears in AI and machine learning, it most often looks like the design system implementation pattern: Shared component libraries consumed by several product teams, where API design, accessibility and versioning matter more than any individual screen. Developers coming out of this part of the San Francisco market therefore tend to arrive strong on the constraints that sector imposes and lighter on the ones it never had to deal with. If your product shares those constraints, that is experience you would otherwise spend a year building. If it does not, the gap is real, and it is a fair thing to ask about directly rather than to discover in month two.
Marketplaces
Where React appears in marketplaces, it most often looks like the saas product interfaces pattern: Dashboards, settings, billing and admin surfaces where the same component vocabulary is reused across dozens of screens and consistency matters more than novelty. Developers coming out of this part of the San Francisco market therefore tend to arrive strong on the constraints that sector imposes and lighter on the ones it never had to deal with. If your product shares those constraints, that is experience you would otherwise spend a year building. If it does not, the gap is real, and it is a fair thing to ask about directly rather than to discover in month two.
The practical use of this is in reading CVs rather than in sourcing. Two candidates in San Francisco with the same number of years of React can have been solving quite different problems, and the interview should be aimed at the difference rather than at the technology they have in common.
What a local React developer seat costs to keep open
Salary is the quoted number and it is not the budget. Below is the employer-side payroll cost of one person in this occupation in San Francisco, using published local wages and the statutory 2026 employer rates.
| Wage point | Annual wage | Employer OASDI and Medicare | Wage plus these taxes |
|---|---|---|---|
| 25th percentile | $163,500 | $12,508 | $176,008 |
| Median | $186,640 | $14,145 | $200,785 |
| 75th percentile | $219,670 | $14,624 | $234,294 |
Employer OASDI at 6.2% to a wage base of $184,500, Medicare at 1.45% uncapped. Source: Social Security Administration, Contribution and Benefit Base, retrieved 2026-09-25. Unemployment insurance, benefits, equipment and recruitment cost are additional.
Then there is the cost nobody puts in the model. Every month the role is open, the work it was meant to do is not happening. That cost is the same whichever way you eventually fill the seat, and in a specialist search it routinely exceeds the difference between the options being compared. It is the single most common reason a cost comparison that looked careful turns out to have been wrong.
What to test when the pool is this one
The full interview guide for this technology is on the React developers page. What changes in San Francisco is emphasis rather than substance: given what the local market has been building, these are the areas where candidates here differ most from each other, and therefore where an interview earns its keep.
A React decision they now regret
The single most informative question in a front-end interview.
- Strong answer: Gives a specific decision, the constraint that produced it, and what it cost later.
- Warning sign: Cannot produce one, or blames the framework.
Where state should live
Almost every architectural problem in a React codebase is a state-placement problem wearing a disguise.
- Strong answer: Distinguishes server state from client state, keeps state as local as it can be, and can name a time they moved state down rather than up.
- Warning sign: Reaches for a global store by default, or describes context as a performance tool.
useEffect and what does not belong in it
Effect misuse is the most reliable predictor of a codebase that is hard to change.
- Strong answer: Can name things that should not be effects: derived values, event responses, fetch chains. Talks about cleanup and race conditions.
- Warning sign: Describes effects as 'where you put the code that runs after render' and has never removed one.
Two patterns worth asking about directly, because they show up in inherited codebases far more often than candidates volunteer them:
Global store as a default
- What you see: Every value lives in Redux or a context, including values used by one component.
- What it costs: Unrelated components re-render, ownership becomes unclear, and changing anything means reading the whole store.
- The fix: Start local. Promote state only when a second consumer genuinely appears, and separate server state into a query cache.
Dependency arrays trimmed to silence warnings
- What you see: Effects that reference values not listed as dependencies.
- What it costs: Stale closures producing bugs that reproduce only on a colleague's machine.
- The fix: Treat the linter as correct. If the honest dependency list causes a loop, the effect is modelling the wrong thing.
The options, and what actually decides between them
Once the local figures are on the table, most teams are choosing between three ways of getting React capacity into San Francisco. They are not ranked. Which one is right depends on how long the work lasts, how much of it there is, and how much of the surrounding context the person needs to hold.
Hiring locally onto your own payroll
The right answer when the work is permanent, when the person needs to accumulate context that has no value anywhere else, or when presence in San Francisco is a genuine requirement rather than a preference. The costs are the ones in the table above plus benefits and recruitment, and the risk is time: in a market this concentrated the search itself is usually quick and the closing is where offers are lost.
Adding a vetted developer to your existing team
Staff augmentation suits work that is real but not permanent, and teams that already have the review capacity and the architectural direction in place. The person joins your standups, your repository and your process. What you are buying is capacity and specific React experience, not decision-making, and the constraint is almost always how much code your existing team can review rather than how many developers you add.
A dedicated team that owns an area
The right shape when there is a whole area of work to own rather than a queue of tickets, and when you would otherwise be hiring three or four people at once into a market where that takes a year. It asks more of you at the start, because an area cannot be owned without a clear definition of what it includes and who decides, and it asks less of you afterwards.
The comparison people get wrong is between a local salary and an hourly rate. Those are not the same quantity. A fair comparison puts the fully loaded employer cost of a local seat, including the months it stands empty and the recruitment spend that filled it, against the total cost of the alternative including the coordination overhead it adds. Run honestly, that comparison sometimes favours hiring locally, and when it does we will say so.
A realistic plan for this search
Compress the process before you start
With React work this concentrated in San Francisco, the candidates worth hiring are in several conversations at once. Fix the panel, the decision-maker and the offer range before the first call. Processes that add a stage midway lose the people they were trying to be careful about.
Plan for the counter-offer
Expect the current employer to respond, and decide in advance whether you will match, improve or walk. Improvising that decision under a deadline is how teams end up overpaying for a hire who leaves in a year anyway.
Give the hire something to land on
A running environment on day one, a named reviewer and access to the real system rather than a mock. The difference between a first merged change in week one and in week four is almost entirely on your side of the table, not the candidate's.
Write the brief around the system, not the stack
State what the system does, what it runs on, what is already decided and what the new person would own. A list of technologies with no context filters for keyword matches, and keyword matches are exactly who gets rejected in the technical round.
What changes when the developer is not in the building
Most of what makes a distributed React developer productive is decided in their first two weeks, and almost all of it is on the client side. These are the things that reliably separate a first merged change in week one from a first merged change in week four.
A first task that is small and real
Something that ships in the first few days. It proves the environment, the review path and the deployment path all work, and it surfaces the broken one while it is still cheap to fix.
Decisions written down where they can be found
In a team split across time zones, a decision made in a conversation in San Francisco does not exist for anyone who was not in it. This is the discipline that distributed teams either build early or pay for repeatedly.
An agreed overlap window
A few hours, published, treated as real, and used for review and decisions rather than status. Teams that skip this do not save meeting time; they spend it several times over in waiting.
A running environment on day one
Not documentation describing how to build one. An environment that starts, with seed data, on the machine the developer actually has. Every day spent on environment setup is a day billed at full rate for no output, and it is the single most common avoidable cost in an engagement.
None of this is specific to working with us. It is what any developer joining any team needs, and it is worth stating plainly because the failures above get attributed to the developer far more often than to the setup that produced them.
The same role in other US markets
Ranked by how many people are employed in this occupation locally, which is the figure that most affects how long a search takes.
- React developers in New York $166,830
- React developers in Seattle $167,280
- React developers in San Jose $213,110
- React developers in Washington, D.C. $154,930
- React developers in Dallas-Fort Worth $133,290
- React developers in Los Angeles $160,920
- React developers in Boston $166,090
- React developers in Chicago $134,380
- React developers in Atlanta $132,960
- React developers in Austin $134,120
- React developers in Phoenix $131,750
- React developers in Philadelphia $133,040
- React developers in Minneapolis-St. Paul $130,920
- React developers in Denver $137,610
- React developers in Detroit $130,760
Other technologies in San Francisco
Skills that appear alongside React on most job specifications.
- Node.js developers in San Francisco
- GraphQL developers in San Francisco
- Next.js developers in San Francisco
- TypeScript developers in San Francisco
- React Native developers in San Francisco
For the technology itself, including the full interview guide, migration paths and what each level can own, see hiring React developers. For the wider San Francisco technical market across every occupation, see hiring developers in San Francisco.
Frequently asked questions
What does a React developer cost in San Francisco?
There is no official wage figure for React specifically, because the Bureau of Labor Statistics classifies by occupation rather than by technology. The honest baseline is Software Developers in the San Francisco-Oakland-Fremont, CA area, where the median annual wage is $186,640 and the middle half of the market runs from $163,500 to $219,670. Those are employer wages, before payroll taxes, benefits and recruitment cost.
How many React developers are there in San Francisco?
Nobody counts developers by technology, so any specific number you see quoted is an estimate. What is published is the occupation: 69,030 people in software developers in the San Francisco-Oakland-Fremont, CA area. React is one technology inside that population, and the share using it is a matter of inference rather than record.
Is it faster to hire a React developer locally in San Francisco or remotely?
With the occupation this concentrated in San Francisco, local sourcing is usually quick and closing is the slow part, because good candidates have options and current employers counter. Remote widens the pool but does not remove the closing problem.
Do we need someone in the San Francisco time zone?
Usually less than teams assume. What genuinely needs the local clock is live incident response, work with people who are only available in local hours, and anything tied to a physical site. Everything else needs a committed overlap window of a few hours rather than a matching working day. San Francisco runs on Pacific time.
Which local industries will a React developer here have come from?
The anchors of this economy are venture-backed SaaS, fintech, AI and machine learning and marketplaces. Most experienced candidates in this market will have spent time in at least one of them, and that background shapes both what they are good at and what they have never had to handle. It is worth asking about explicitly rather than inferring from the CV.
Can you supply a React developer who overlaps with San Francisco hours?
Yes. Overlap is the thing we schedule around rather than a side effect of where someone happens to live, and it is agreed before an engagement starts rather than negotiated afterwards. Tell us which hours genuinely need to be covered and why, and we will tell you whether we can meet it.
How do you assess a React developer before we see them?
Working code and a conversation about decisions, not a quiz. We look at what someone has built, ask what they would now do differently and why, and probe the areas where this technology most reliably separates people. You see our reasoning alongside the shortlist, including the reservations.
What if the shortlist is wrong?
Tell us why and we will recalibrate. A rejected shortlist normally means the brief and the need had drifted apart, and that is worth finding out in week one rather than month three. We would rather say we are not the right fit for a role than keep sending candidates against a brief that is not working.