PageSourceSearch

https://luketheweb.dev/blog

html luketheweb.dev collected 2026-10-07 00:39:10 UTC 33,478 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Flogo4.webp&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Flogo4.webp&amp;w=256&amp;q=75 2x"/><meta charset="utf-8"/><meta name="author" content="Luke Anderson"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>Web Development Blog | Luke the Web Dev</title><meta name="description" content="Welcome to Luke the Web Dev blog! Here I&#x27;ll share my top tips and general ramblings on all things web development. Join me and we can learn cool stuff together! "/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Freact.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fblog1.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fdata.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=3840&amp;
1q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fvite.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x"/><link rel="preload" as="image" href="/images/facebook.svg"/><link rel="preload" as="image" href="/images/linkedin.svg"/><link rel="preload" as="image" href="/images/twitter.svg"/><link rel="preload" as="image" href="/images/pinterest.svg"/><link rel="preload" as="image" href="/images/github.svg"/><meta name="next-head-count" content="21"/><meta charSet="utf-8"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"/><link rel="manifest" href="/site.webmanifest"/><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="theme-color" content="#ffffff"/>
1<script async="" data-uid="93649111fd" src="https://lukethewebdev.ck.page/93649111fd/index.js"></script>
1<link rel="preload" href="/_next/static/media/d491bd1e6d8ab343.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/9e7c1d0a8f080966.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/07b3e0877480a95d.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/41bd27ab05ad8501.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/38b0f38ce3150374.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/9cd3ffa281e77ae2.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/f9fa7964f036c69d.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/ed9cb87f7cefa820.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/c95d4fce0b415528.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/56b5d6ac638045ae.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/media/2fe56c5e8a0dc232.p.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/83585419f1a18277.css" as="style"/><link rel="stylesheet" href="/_next/static/css/83585419f1a18277.css" data-n-g=""/><link rel="preload" href="/_next/static/css/56aea02c0ae221f0.css" as="style"/><link rel="stylesheet" href="/_next/static/css/56aea02c0ae221f0.css" data-n-p=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script>
1<script src="/_next/static/chunks/webpack-ee7e63bc15b31913.js" defer=""></script>
1<script src="/_next/static/chunks/framework-2c79e2a64abdb08b.js" defer=""></script>
1<script src="/_next/static/chunks/main-013e8e58762c9031.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-f0e5f0efa5913e95.js" defer=""></script>
1<script src="/_next/static/chunks/881-336501bdd6a84fd3.js" defer=""></script>
1<script src="/_next/static/chunks/pages/blog-f17889dd36aa9536.js" defer=""></script>
1<script src="/_next/static/ejoGpJyaQHpmjpoNFuJXD/_buildManifest.js" defer=""></script>
1<script src="/_next/static/ejoGpJyaQHpmjpoNFuJXD/_ssgManifest.js" defer=""></script>
1<style id="__jsx-3422159074">html{font-family:'__Titillium_Web_b823de', '__Titillium_Web_Fallback_b823de'}</style></head><body><div id="__next"><div class="layout"><header class=""><section class="Header_title__MaSJ1"><img alt="Luke the Web Dev Logo" srcSet="/_next/image?url=%2Fimages%2Flogo4.webp&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Flogo4.webp&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Flogo4.webp&amp;w=256&amp;q=75" width="100" height="100" decoding="async" data-nimg="1" class="Header_logo__DFVkO" style="color:transparent"/><a href="/"><h1>Luke the Web Dev</h1></a></section><nav id="nav"><div class="navbar"><div class="container navContainer"><div class="hamburgerLines"><span class="line line1"></span><span class="line line2"></span><span class="line line3"></span></div><div class="menuItems"><a href="/" title="Home">Home</a><a href="/about" title="About Me">About Me</a><a href="/blog" title="Blog">Blog</a><a href="/contact" title="Contact Me">Contact Me</a></div></div></div></nav></header><div><main class="blog_blog__oeYON" itemType="http://schema.org/Blog"><div class="content"><h1>Blog</h1><h2 itemProp="about">Welcome! Let&#x27;s learn cool stuff together.</h2><p></p><section class="blog_posts__Z_jBG"><article itemType="http://schema.org/BlogPosting"><a href="/blog/how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs"><img alt="How Will the Future of Web Development Be Affected by Influential New React Docs?" itemProp="image" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Freact.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Freact.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Freact.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs"><h3 itemProp="headline name">How Will the Future of Web Development Be Affected by Influential New React Docs?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">25 March 2023</h4></div><p itempro="description">The new 2023 React docs are strongly biased in favour of frameworks, what impact will that have on the future of web dev?</p><a itemProp="url" href="/blog/how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs">Read post</a></div></article><article itemType="http://schema.org/BlogPosting"><a href="/blog/what-is-chatgpt-and-are-web-developer-jobs-at-risk"><img alt="What Is ChatGPT, and Are Web Developer Jobs at Risk?" itemProp="image" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fchatgpt.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/what-is-chatgpt-and-are-web-developer-jobs-at-risk"><h3 itemProp="headline name">What Is ChatGPT, and Are Web Developer Jobs at Risk?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">18 March 2023</h4></div><p itempro="description">
1ChatGPT is an AI chatbot, capable of producing scarily humanlike responses. Should we as web developers be worried about it taking our jobs?</p><a itemProp="url" href="/blog/what-is-chatgpt-and-are-web-developer-jobs-at-risk">Read post</a></div></article><article itemType="http://schema.org/BlogPosting"><a href="/blog/what-is-github-actions"><img alt="What Is GitHub Actions?" itemProp="image" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2FgithubActions.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/what-is-github-actions"><h3 itemProp="headline name">What Is GitHub Actions?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">11 March 2023</h4></div><p itempro="description">GitHub Actions is a great way to handle your application CI/CD workflow. Deployments are made easy by the fully automated, customisable processes.</p><a itemProp="url" href="/blog/what-is-github-actions">Read post</a></div></article><article itemType="http://schema.org/BlogPosting"><a href="/blog/why-should-you-start-a-blog-anyway"><img alt="Why Should You Start a Blog, Anyway?" itemProp="image" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fblog1.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fblog1.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fblog1.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/why-should-you-start-a-blog-anyway"><h3 itemProp="headline name">Why Should You Start a Blog, Anyway?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">4 March 2023</h4></div><p itempro="description">Are you trying to decide whether to start writing a blog? I&#x27;ll discuss some of the benefits (and the drawbacks) and you can see if it sounds right for you.</p><a itemProp="url" href="/blog/why-should-you-start-a-blog-anyway">Read post</a></div></article><article itemType="http://schema.org/BlogPosting"><a href="/blog/5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind"><img alt="5 Methods to Fetch Data in React, With Performance and Your Users in Mind" itemProp="image" sizes="(max-width: 600px) 100v
1w, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fdata.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fdata.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fdata.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind"><h3 itemProp="headline name">5 Methods to Fetch Data in React, With Performance and Your Users in Mind</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">25 February 2023</h4></div><p itempro="description">There are many different ways to fetch data in React, with important factors to take into consideration. I discuss them in more detail here.</p><a itemProp="url" href="/blog/5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind">Read post</a></div></article><article itemType="http://schema.org/BlogPosting"><a href="/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app"><img alt="What is Vite and Why Should You Use It Instead of Create React App?" itemProp="image" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fvite.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fvite.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fvite.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app"><h3 itemProp="headline name">What is Vite and Why Should You Use It Instead of Create React App?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">21 February 2023</h4></div><p itempro="description">Vite is the new kid on the block. Creat React App has lost its crown! Find out why you should be using Vite over Create React App in 2023.</p><a itemProp="url" href="/blog/what-is-vite-and-why-should-you-use-it-instead-of-create-react-app">Read post</a></div></article><article itemType="http://schema.org/BlogPosting"><a href="/blog/is-web-development-right-for-me"><img alt="Is Web Development Right For Me?" itemProp="image" sizes="(max-width: 600px) 100v
1w, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fthinking2.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/is-web-development-right-for-me"><h3 itemProp="headline name">Is Web Development Right For Me?</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">19 February 2023</h4></div><p itempro="description">Wondering if development is the right career for you? I&#x27;ll explain just what I believe it takes to be a web developer.</p><a itemProp="url" href="/blog/is-web-development-right-for-me">Read post</a></div></article><article itemType="http://schema.org/BlogPosting"><a href="/blog/how-to-become-a-web-developer-in-2023"><img alt="How to Become A Web Developer in 2023" itemProp="image" sizes="(max-width: 600px) 100vw, (max-width: 1400px) 50vw, 33vw" srcSet="/_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fimages%2Fdeveloper.webp&amp;w=3840&amp;q=75" width="358" height="170" decoding="async" data-nimg="1" class="full-width" style="color:transparent;height:auto;width:100%"/></a><div class="preview"><a href="/blog/how-to-become-a-web-developer-in-2023"><h3 itemProp="headline name">How to Become A Web Developer in 2023</h3></a><div class="postDetails"><img alt="Luke Anderson" srcSet="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fluke-anderson.webp&amp;w=96&amp;q=75" width="40" height="40" decoding="async" data-nimg="1" class="authorImage" style="color:transparent"/><h4 class="authorName" itemProp="author">Luke Anderson</h4><h4 class="publishedDate" itemProp="datePublished">18 February 2023</h4></div><p itempro="description">Want to Learn How to Become a Web Developer? I&#x27;ll share the steps you need to follow to undertake this exciting new career path.</p><a itemProp="url" href="/blog/how-to-become-a-web-developer-in-2023">Read post</a></div></article></section></div></main></div><footer class="Footer_footer___O5Nl"><nav><a href="/">Home</a><a href="/about">About Me</a><a href="/blog">Blog</a><a href="/contact">Contact</a></nav><div class="Footer_socials__1iVMq"><div class="Socials_social__C_Nb_"><a href="https://www.facebook.com/profile.php?id=100089343968124"><img alt="Facebook icon" src="/images/facebook.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://uk.linkedin.com/in/lukeanderson85"><img alt="LinkedIn icon" src="/images/linkedin.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://twitter.com/luke_the_webdev"><img alt="Twitter icon" src="/images/twitter.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://www.pinterest.co.uk/lukethewebdev/"><img alt="Pinterest icon" src="/images/pinterest.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a><a href="https://github.com/LukeTwomey"><img alt="GitHub icon" src="/images/github.svg" width="40" height="40" decoding="async" data-nimg="1" class="Socials_filterBlue__sUkFb" style="color:transparent"/></a></div></div><p>Copyright © <!-- -->2026<!-- --> Luke the Web Dev</p></footer></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"posts":[{"slug":"how-will-the-future-of-web-development-be-affected-by-influential-new-react-docs","data":{"title":"How Will the Future of Web Development Be Affected by Influential New React Docs?","date":"2023-03-25","feature":"true","previewImage":"react","preview":"The new 2023 React docs are strongly biased in favour of frameworks, what impact will that have on the future of web dev?"}},{"slug":"what-is-chatgpt-and-are-web-developer-jobs-at-risk","data":{"title":"What Is ChatGPT, and Are Web Developer Jobs at Risk?","date":"2023-03-18","feature":"false","previewImage":"chatgpt","preview":"ChatGPT is an AI chatbot, capable of producing scarily humanlike responses. Should we as web developers be worried about it taking our jobs?"}},{"slug":"what-is-github-actions","data":{"title":"What Is GitHub Actions?","date":"2023-03-11","feature":"true","previewImage":"githubActions","preview":"GitHub Actions is a great way to handle your application CI/CD workflow. Deployments are made easy by the fully automated, customisable processes."}},{"slug":"why-should-you-start-a-blog-anyway","data":{"title":"Why Should You Start a Blog, Anyway?","date":"2023-03-04","feature":"false","previewImage":"blog1","preview":"Are you trying to decide whether to start writing a blog? I'll discuss some of the benefits (and the drawbacks) and you can see if it sounds right for you."}},{"slug":"5-methods-to-fetch-data-in-react-with-performance-and-your-users-in-mind","data":{"title":"5 Methods to Fetch Data in React, With Performance and Your Users in Mind","date":"2023-02-25","feature":"true","previewImage":"data","preview":"There are many different ways to fetch data in React, with important factors to take into consideration. I discuss them in more detail here."}},{"slug":"what-is-vite-and-why-should-you-use-it-instead-of-create-react-app","data":{"title":"What is Vite and Why Should You Use It Instead of Create React App?","date":"2023-02-21","feature":"true","previewImage":"vite","preview":"Vite is the new kid on the block. Creat React App has lost its crown! Find out why you should be using Vite over Create React App in 2023."}},{"slug":"is-web-development-right-for-me","data":{"title":"Is Web Development Right For Me?","date":"2023-02-19","feature":"false","previewImage":"thinking2","preview":"Wondering if development is the right career for you? I'll explain just what I believe it takes to be a web developer."}},{"slug":"how-to-become-a-web-developer-in-2023","data":{"title":"How to Become A Web Developer in 2023","date":"2023-02-18","feature":"false","previewImage":"developer","preview":"Want to Learn How to Become a Web Developer? I'll share the steps you need to follow to undertake this exciting new career path."}}]},"__N_SSG":true},"page":"/blog","query":{},"buildId":"ejoGpJyaQHpmjpoNFuJXD","isFallback":false,"gsp":true,"locale":"en","locales":["en"],"defaultLocale":"en","scriptLoader":[]}</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"01c5e4a2cd2a40c5bbfa515c099632d2","r":1,"spa":2}' crossorigin="anonymous"></script>
1
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.