วีดีโอ

Super

Nice way you explained brother.

I was getting an error after adding the HtmlWebpackPlugin and running `npm start` again - it's saying "Cannot find package '@babel/preset-react'" - I had to actually install @babel/preset-env and @babel/preset-react - I think you may have forgotten to include that in the tutorial? Otherwise, great tutorial!

does anybody know to calculate token usage in langchain js, their documentation is shitee! not working!

Ty

Yeah, the big question is caching. With GraphQL, I am able to cache response but not with querying direct. I noticed a refetch is made nearly every time.

thank you for the video , i have a question so i can you vite or next.js to create my web app but what do you think is better ? is it a good idea to use vite for prototyping and next.js for large products

i want to perform the action on backend , instead of in the frontend

fyi de vid loopt een beetje vast

What is the name of the sleep tracker?

What's the name of that extension who suggest code? (at 0:51)

Is there any repo?

very nice content and clear explanation, thanks!

This is very useful, novadays everyone want just to create react app with one command, and its fine if you understand how it works under the hood. It's sad that almost every youtube video shouts just use THAT or use THAT, but defenitly dont use THAT!!! (becouse its slow, and there are betterr options!!!) Everyone is looking for shortcuts and easy-way. I'm glad that there are some dudes like you on this platform that make videos to help.

Thanks for everyone that took the time to watch it live! Hope to see you again at the next one! You have until tomorrow 20:00 CEST to submit your answers here in the comments for the give away!

What do you think? I've described my reasoning behind this video some more in this blog post hackteam.io/blog/do-need-graphql-now-react-server-components/

good job man!

Thanks for a great video. Do you have any input regarding @apollo/gateway? Will that work with apollo v.4?

Read the full blog post here hackteam.io/blog/vite-better-create-react-app-alternative

Thank you. You have no idea how many articles that don't work I had to read through before I found your excellent article. Medium, dev, youtube and other re-posted AI garbage make life hard!

Roy our large enterprise govt team is behind firewall. Does Altair have schema designer? What on-prem (linux) tool would you recommend for federated schema diagram and design? Apollo Studio charges and we’re in sandbox right now.

❤perù

Recently went through an AS3 to AS4 upgrade across multiple servers and gateways. It was relatively painless. AS4 comes across as a "clear a few decks" release from Apollo with the intent to lay pathways for easier future developments and feature releases. The common "you're basically screwed" refrain and the reveal that building on apollo server means building on technical debt in the video comes across like FUD. I've developed software on all kinds of software frameworks (OSS, commercial, proprietary) - the AS3 to AS4 upgrade wasn't that dramatic. Of course YMMV - and for some setups there will be more disruption or work required. But the ebb and flow of intentional technical debt accumulation and clear down is a large part of any kind of sustained software development. There's a rich and growing ecosystem for GraphQL out there. Apollo, The Guid, StepZen, Wundergraph all come to mind off hand...we're spoilt to be honest. I can only speak to a very narrow set of GraphQL experiences as an Apollo user (and member of their supergraph champions slack community) - but in terms of general software frameworks/stacks it's been a solid choice.

Tv❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤🎉🎉🎉🎉🎉😢😮😮😅😅😊😊❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤😂😂😂😂😂😂😂😂😂😂😂😂😂🎉😅😅😅❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤😂🎉🎉🎉🎉🎉🎉🎉😂😂❤❤❤❤❤❤❤❤❤🎉🎉❤❤❤❤❤❤ de❤❤❤❤❤❤😂😂😂🎉🎉🎉😮😮😮😅😅😊😊😊

This video is inaccurate. 4 months have passed since Roy agreed he did not fully understand the details of the changes to Apollo Server 4. Yet he failed to correct it. Is this due to the fact that he works for an Apollo competitor, StepZen (now IBM)? I prefer transparency, so I'll state that our company happily uses Apollo Server and Studio. @Roy, please reconsider your ethics and update the video. In the spirit of transparency, I also have close relations with the Apollo team, have been presented at GraphQL Summit, and frequently on the Supergraph Champions weekly "think tank" style calls where we discuss roadmap, challenges from startups to enterprise, and generally geek out on everything GraphQL. But in general, I'm very committed to GraphQL and the ecosystem - beyond Apollo. @Community, if you are just embarking on your GraphQL journey or are experienced with the Apollo platform, I would recommend you take the Odyssey courses over at www.apollographql.com/tutorials/ . By going with official tutorials/courses, you'll have accurate information to build stronger projects. Regardless of the framework you end up using, you'll get to deep dive on the GraphQL spec, architecture, best practices, data modeling, and patterns that will level up your skillset. While they focus on implementing Apollo Server, the core GraphQL knowledge is applicable to all frameworks, and you'll benefit from knowing how to properly implement Apollo Server - which is a great skill for your CV given that the largest companies rely on Apollo. The courses are very well-made, fun, easy to follow, and taught by experienced software engineers from large companies. I wish I had this available when we first started on our journey with GraphQL, we would have saved a lot of headaches. @David Glasser, you're a rock star! Thanks for the outline you posted and for making it known that one confused but very popular Next.js tutorial caused so much confusion across the developer community. I hope history doesn't repeat with this video. In general, in our first months of embarking on GraphQL, our dev team encountered so many tutorials written by people who only knew frameworks at the surface level. It hurt us in the long run, but good experience on vetting the accuracy of sources of information. Also, 10000% agree with using native database drivers. In general, we see projects bloated with NPM packages that break away from best practices. I hope the Apollo team will launch a series of Apollo Server 4 videos ASAP, from migration, to architecture, and decisions like you outlined. @Roy Derks, 4 months ago, David Glasser kindly outlined in detail the inaccuracies from your video, you even acknowledge that you recorded this based on your interpretation of docs and random threads on Reddit - but you didn't make any updates. You don't even mentioning it on your video description text or updated your blog post. Obviously, it's important to be loyal to your employer StepZen, but the role of Developer Relations is to communicate and distribute accurate knowledge, not misinformation guided by a paycheck or personal opinions. Overall, it's concerning to see this from people educating the developer community. Even David recommended another library in his response on Reddit, stating that for certain use cases that was a better choice. Integrity is everything in the dev community, we shouldn't be bringing sales/marketing-style tactics into the space. When you change jobs and move to another company, this accumulation of misinformation becomes like technical debt and ultimately affects your credibility.

thanks, useful

i'm from Russian. Good video, thanks

No te entiendo hahajsus

Gghsgwgegdgdhdhffhevvdvdvdvdbebdhsvavaksjsdhzjdjzvsbd🎉🎉😢😮😮😮😮😅😮😅😅😅😮😮

Amazing!

You can actually turn on Auto format when you save a file which saves time.

One is a RPC format for service to service calls. The other is a client facing protocol. Are they really competing with each other?

Can I use typegraphql with apollo version 4? I notice whenever I install typegraphql with apollo version 4 there's an error.

I heard that React can touch the DOM, which creates compatibility issues with React. Is this true?

añ

i just found out they're deprecating apollo-server-express too.. wtf man.. now i've got to refactor my code .. this is frustrating as hell .. anyway thanks for sharing

well major releases often introduce major changes. You suggest graphql-yoga (among others) as an alternative. well i've seen a tutorial about setting up graphql-yoga from french channel techwall that was made in march 2021 and it's deprecated too, the code to setup the yoga server has completely changed since too. I haven't looked at express in yoga, but i just figure out it's the very same story.

Best overview of React I have seen so far until today 🙌 Great video, Roy!👏🙌

🤔

Just use tailwind 😉

🎉 I still use bootstrap for 😅 and I’m comfortable with it, Tailwind is hell at the moment

I have two suggestions related to grid. First is important to follow, second is a preference. 1. Don’t put anything else other than column inside a row. Row adds negative margin to element, and column compensates it back with padding. This is done so you could have gaps between columns. So when you have anything else inside the row other than column, it will get out of grid. 2. Don’t put the column class inside the component, you make the component strictly tied to that specific row configuration, and it’s not reusable. Instead of Row Component Column Do Row Column Component

Really great video, Roy!👏It gives a deeper understanding of how React works how and webpack bundles JS under the hood. I look forward to your upcoming videos 😉

We did a few platforms in GraphQL, hate it. So verbose and not TypeSafe. We're using tRPC for multiple platforms now, including for platforms without TypeScript like Flutter (Dart). Works great!

The useEffect hook is used to handle side effects, either when the application mounts or when the state or a prop gets updated. This Hook takes two parameters, where the first one is a callback and the second one is an array containing all of the variables this Hook depends on. When any of these changes, the callback for this Hook will be called. When there are no values in this array, the Hook will only be called on the first mount. After the data is fetched from the source, the state will be updated with the results.

Cool

Already have the book but thanks for the stream Roy

The dependency array is the square brackets in the useEffect hook. When any of the dependencies specified in the array change, the function is re-executed.

useEffect hook is for you to perform side effects in a React component, we have the dependency array to control when the effect should run

useEffect hook is for you to perform side effects in reactjs component, we have the dependency array to control when the effect should run