checkpoint

epicweb-dev · Apr 3, 2024 · 1bb201b · 1bb201b
1 parent e2969f6
commit 1bb201b
Show file tree

Hide file tree

Showing 469 changed files with 11,858 additions and 287 deletions.
diff --git a/exercises/01.init/01.problem.static/server/app.js b/exercises/01.init/01.problem.static/server/app.js
@@ -33,7 +33,7 @@ app.use((req, res, next) => {
 
 // 🐨 add an API endpoint to get data for our page:
 // 💰
-// app.get('/api/:shipId?', async function (req, res) {
+// app.get('/api/:shipId?', async (req, res) => {
 // 	try {
 // 		const shipId = req.params.shipId || null
 // 		const search = req.query.search || ''
@@ -50,7 +50,7 @@ app.use((req, res, next) => {
 // 🐨 add a handler for '/:shipId?' which means the ship is optional
 // 🐨 set the response Content-type to 'text/html' and send the file in public called index.html
 // 💰
-// app.get('/:shipId?', async function (req, res) {
+// app.get('/:shipId?', async (req, res) => {
 // 	res.set('Content-type', 'text/html')
 // 	return res.sendFile('index.html', { root: 'public' })
 // })

diff --git a/exercises/01.init/01.solution.static/server/app.js b/exercises/01.init/01.solution.static/server/app.js
@@ -28,7 +28,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/api/:shipId?', async function (req, res) {
+app.get('/api/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -42,7 +42,7 @@ app.get('/api/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/01.problem.rsc/server/app.js b/exercises/02.server-components/01.problem.rsc/server/app.js
@@ -34,7 +34,7 @@ app.use((req, res, next) => {
 })
 
 // 🐨 change this from /api to /rsc
-app.get('/api/:shipId?', async function (req, res) {
+app.get('/api/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -58,7 +58,7 @@ app.get('/api/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/01.solution.rsc/server/app.js b/exercises/02.server-components/01.solution.rsc/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -46,7 +46,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/02.problem.async-components/server/app.js b/exercises/02.server-components/02.problem.async-components/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -48,7 +48,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/02.solution.async-components/server/app.js b/exercises/02.server-components/02.solution.async-components/server/app.js
@@ -30,7 +30,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -42,7 +42,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/03.problem.streaming/server/app.js b/exercises/02.server-components/03.problem.streaming/server/app.js
@@ -30,7 +30,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -42,7 +42,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/03.solution.streaming/server/app.js b/exercises/02.server-components/03.solution.streaming/server/app.js
@@ -30,7 +30,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -42,7 +42,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/04.problem.server-context/server/app.js b/exercises/02.server-components/04.problem.server-context/server/app.js
@@ -32,7 +32,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -47,7 +47,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/02.server-components/04.solution.server-context/server/app.js b/exercises/02.server-components/04.solution.server-context/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -46,7 +46,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/03.client-components/01.problem.loader/server/app.js b/exercises/03.client-components/01.problem.loader/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -46,7 +46,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/03.client-components/01.solution.loader/server/app.js b/exercises/03.client-components/01.solution.loader/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -46,7 +46,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/03.client-components/02.problem.module-resolution/server/app.js b/exercises/03.client-components/02.problem.module-resolution/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -48,7 +48,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/03.client-components/02.solution.module-resolution/server/app.js b/exercises/03.client-components/02.solution.module-resolution/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -47,7 +47,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/03.client-components/README.mdx b/exercises/03.client-components/README.mdx
@@ -256,3 +256,7 @@ createFromFetch(fetchPromise, {
 Then when `react-server-dom-esm/client` needs to load a module, it will fetch
 the module from `${window.location.origin}/js/src/ship-search.js` and `import`
 the `ShipSearch` `export` from it.
+
+📜 Relevant Docs:
+
+- [`use-client`](https://react.dev/reference/react/use-client)
diff --git a/exercises/04.router/01.problem.router/server/app.js b/exercises/04.router/01.problem.router/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -47,7 +47,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/04.router/01.solution.router/server/app.js b/exercises/04.router/01.solution.router/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -47,7 +47,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/04.router/02.problem.pending-ui/server/app.js b/exercises/04.router/02.problem.pending-ui/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -47,7 +47,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/04.router/02.solution.pending-ui/server/app.js b/exercises/04.router/02.solution.pending-ui/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -47,7 +47,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/04.router/03.problem.race-conditions/server/app.js b/exercises/04.router/03.problem.race-conditions/server/app.js
@@ -43,7 +43,7 @@ app.get('/rsc/:shipId?', async function (req, res, next) {
 	next()
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -59,7 +59,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/04.router/03.solution.race-conditions/server/app.js b/exercises/04.router/03.solution.race-conditions/server/app.js
@@ -43,7 +43,7 @@ app.get('/rsc/:shipId?', async function (req, res, next) {
 	next()
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -59,7 +59,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })

diff --git a/exercises/04.router/04.problem.history/server/app.js b/exercises/04.router/04.problem.history/server/app.js
@@ -31,7 +31,7 @@ app.use((req, res, next) => {
 	}
 })
 
-app.get('/rsc/:shipId?', async function (req, res) {
+app.get('/rsc/:shipId?', async (req, res) => {
 	try {
 		const shipId = req.params.shipId || null
 		const search = req.query.search || ''
@@ -47,7 +47,7 @@ app.get('/rsc/:shipId?', async function (req, res) {
 	}
 })
 
-app.get('/:shipId?', async function (req, res) {
+app.get('/:shipId?', async (req, res) => {
 	res.set('Content-type', 'text/html')
 	return res.sendFile('index.html', { root: 'public' })
 })