--- title: Best Apollo posts of 2024 | daily.dev description: The most upvoted Apollo posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/apollo/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/apollo/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best Apollo posts of 2024 | daily.dev og:description: The most upvoted Apollo posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Apollo — 2024 1. 1 [](/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv "How to Build a Pokemon App with GraphQL and Apollo") Article freeCodeCamp · 3y How to Build a Pokemon App with GraphQL and Apollo Learn how to build a Pokemon app using GraphQL and Apollo. The app uses React for the front-end and fetches data about different Pokemons. The tutorial covers the setup process, installing necessary packages, creating an Apollo client, building the PokemonsContainer component, and styling the application. The live site is hosted on Vercel and the GitHub code is available for reference. 24 3 2. 2 [](/posts/this-week-in-react-173-million-storybook-visionos-expo-conform-next-js-remix-astro-apollo--rvheyhg0j "This Week In React #173: Million, Storybook, visionOS, Expo, Conform, Next.js, Remix, Astro, Apollo, useFormStatus, Framer Motion, Ariakit, Reanimated, TypeScript, JQuery, Express, Interop...") Article This Week In React · 3y This Week In React #173: Million, Storybook, visionOS, Expo, Conform, Next.js, Remix, Astro, Apollo, useFormStatus, Framer Motion, Ariakit, Reanimated, TypeScript, JQuery, Express, Interop... This post covers new releases in React and React Native, including Million, Conform, Astro, Apollo, and more. It also discusses the drawbacks of using React's useFormStatus hook. 19 3. 3 [](/posts/hacking-and-securing-graphql-wqd8iex2b "Hacking (and securing) GraphQL") Article Arcjet · 2y Hacking (and securing) GraphQL GraphQL, a flexible API query language, can pose various security risks like DoS attacks, SQL injection, and XSS if not properly secured. To safeguard your GraphQL endpoints, implement measures such as disabling introspection, setting timeouts, limiting query complexity, and layering security protections. Using tools like Arcjet and GraphQL Armor can fortify your API against these vulnerabilities by integrating security at the application level. 16 4. 4 [](/posts/separation-of-data-and-view-layers-in-react-components-dtxmhjcux "Separation of data and view layers in React components") Article RUBYLAND · 2y Separation of data and view layers in React components Separating the data layer from the view layer in React components can improve testability and maintainability. Using Apollo and GraphQL code generator, you can create hooks for data fetching and pass the resultant data to a view component, making the components easier to test with tools like React Testing Library or render in Storybook. This approach eliminates the need for stubbing the data layer during tests. 16 [See all Apollo archives](/tags/apollo/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/apollo/best-of/2024#page","url":"https://daily.dev/tags/apollo/best-of/2024","name":"Best Apollo Posts of 2024","description":"The most upvoted Apollo posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/apollo/best-of/2024#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv","name":"How to Build a Pokemon App with GraphQL and Apollo"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/this-week-in-react-173-million-storybook-visionos-expo-conform-next-js-remix-astro-apollo--rvheyhg0j","name":"This Week In React #173: Million, Storybook, visionOS, Expo, Conform, Next.js, Remix, Astro, Apollo, useFormStatus, Framer Motion, Ariakit, Reanimated, TypeScript, JQuery, Express, Interop..."},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/hacking-and-securing-graphql-wqd8iex2b","name":"Hacking (and securing) GraphQL"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/separation-of-data-and-view-layers-in-react-components-dtxmhjcux","name":"Separation of data and view layers in React components"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Apollo","item":"https://daily.dev/tags/apollo"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/apollo/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```