Next.js With Apollo, SSR, Cookies, and Typescript

How to wire up a Next.js TypeScript application with Apollo Client, using Server Side Rendering and Static Site Generation In this blog post I’ll show you how I created a working Next.js TypeScript setup with Apollo Client. You can fetch data from a GraphQL endpoint both on the Node.js server as well as on the Next.js client, utilizing the Apollo Cache. You are also able to work with protected endpoints using cookie-based authentication.
Read more →

TILs From the Epic React Advanced Hooks Workshop

Here are some notes from the Epic React workshop Advanced Hooks. Function Dependencies in useEffect We use the useEffect hook to run side effects in React. The hook has a “dependency array” which tells it when to fire. That works fine if the trigger is a variable. Like this: const [count, setCount] = useState(0) React.useEffect(() => { // Update the document title using the browser API document.title = `You clicked ${count}times` }, [count]) // <-- that's the dependency list What happens if we use a function as a trigger?
Read more →

Friday Picks 078

Here are five resources for this weekend: The Big List of 101 Places to Learn to Code for Free: tons of free resources Build and Deploy a Full Stack MERN Project - React + Redux, Node, Express, MongoDB [Part 1/2]: complete app tutorial in 2 parts Some “cool” machine learning books: a list of machine-learning books, might be of interest Next.js 101 - Free Online Course: short mini-course on Next.
Read more →

Black Friday Deals 2020

Here are the tech-related Black Friday Deals for 2020. HTML/CSS https://debuggingcss.com/ JavaScript/Node/React/Vue https://flaviocopes.com/blackfriday/ https://jamstackhandbook.com/ https://learnetto.com/blackfriday#Pricing https://nodecli.com https://react2025.com/ https://wesbos.com/courses https://www.leveluptutorials.com/ https://www.udemy.com/course/nestjs-zero-to-hero/?couponCode=DD074A391845400CC7E7 https://www.vuemastery.com/black-friday-2020/ Go https://buildsaasappingo.com https://lets-go.alexedwards.net https://www.calhoun.io/ Flutter https://codewithandrea.com/courses/ Domains/Hosting https://www.namecheap.com/ Python https://training.talkpython.fm/black-friday-2020 Elixir https://pragmaticstudio.com/ https://alchemist.camp/subscribe/level-up Ruby https://pragmaticstudio.com/ Misc Mastering Vim Quickly Standard Edition | Professional Training Package | Premium Training Package https://appbrewery.com/ https://deals.bytesized.xyz/ https://keleshev.com/compiling-to-assembly-from-scratch/ https://media.
Read more →

Friday Picks 077

Read more →

Friday Picks 075

Read more →

Friday Picks 073

Read more →

Friday Picks 072

Read more →

4 TILS from the Epic React Basic React Hooks Workshop

What did I learn from the workshop Basic React Hooks by Kent C. Dodds? Previously, I wrote down my learnings from the React Fundamentals workshop. The second workshop introduces React hooks. Here are some insights that I found useful: Set Initial State Via Props Set an initial value by adding props to a component: <Greeting initialName="George"> Take that as an argument to the function and pass it down to useState:
Read more →

Friday Picks 071

Read more →

Sign up for the newletter!

powered by Buttondown