Sean C Davis
Sean C Davis
  • Видео 68
  • Просмотров 144 272
Generating TypeScript Types from Contentful
While the Contentful Node SDK is fully typed, the content retrieved from the API is not. Here’s how I have handled generating types from Contentful content in previous projects.
00:07 Project Setup
00:42 Exporting Contentful Content
03:14 Extending Generated Types
08:27 Using Generic for Common Types
09:19 Closing
#contentful #cms #webdevelopment #typescript
Просмотров: 2 658

Видео

Transform Notion Pages into Component Props
Просмотров 828Год назад
Transform Notion Pages into Component Props
Export Notion Database Page Content
Просмотров 1,7 тыс.Год назад
Export Notion Database Page Content
Get Notion Database ID Using Developer API
Просмотров 2,2 тыс.Год назад
Get Notion Database ID Using Developer API
Using Notion as a CMS for Complex Websites
Просмотров 7 тыс.Год назад
Using Notion as a CMS for Complex Websites
Icon Component System for Astro Sites
Просмотров 941Год назад
Icon Component System for Astro Sites
SVG Icon System for Front-End Projects with Figma
Просмотров 186Год назад
SVG Icon System for Front-End Projects with Figma
Send Message to Slack with a Node.js Script
Просмотров 7 тыс.Год назад
Send Message to Slack with a Node.js Script
Extending Next.js Link and Image Components
Просмотров 403Год назад
Extending Next.js Link and Image Components
Check for Broken Links with Node.js
Просмотров 881Год назад
Check for Broken Links with Node.js
Clean Up Code with Theme Class Maps
Просмотров 74Год назад
Clean Up Code with Theme Class Maps
Exploring the Unplash API with Node.js
Просмотров 402Год назад
Exploring the Unplash API with Node.js
Safely Share a File URL on GitHub
Просмотров 1,2 тыс.Год назад
Safely Share a File URL on GitHub
SVG Icons in React Applications
Просмотров 2,4 тыс.Год назад
SVG Icons in React Applications
Bundle JavaScript for 11ty with esbuild
Просмотров 747Год назад
Bundle JavaScript for 11ty with esbuild
Quick Tip: Debugging JavaScript
Просмотров 633 года назад
Quick Tip: Debugging JavaScript
Quick Tip: Move Lines in VS Code
Просмотров 4,1 тыс.3 года назад
Quick Tip: Move Lines in VS Code
Quick Tip: Option + Delete for Terminal and iTerm 2
Просмотров 1,5 тыс.3 года назад
Quick Tip: Option Delete for Terminal and iTerm 2
Quick Tip: Use a Code Spell Checker
Просмотров 4463 года назад
Quick Tip: Use a Code Spell Checker
3 Methods for Adding Images to GItHub README Files
Просмотров 43 тыс.3 года назад
3 Methods for Adding Images to GItHub README Files
Netlify Keyboard: Magical Features
Просмотров 743 года назад
Netlify Keyboard: Magical Features
Netlify Keyboard: The Sights, Sounds, and Smells
Просмотров 403 года назад
Netlify Keyboard: The Sights, Sounds, and Smells
Building a Static API with GatsbyJS
Просмотров 3913 года назад
Building a Static API with GatsbyJS
Server-Side Components with Eleventy
Просмотров 1,2 тыс.3 года назад
Server-Side Components with Eleventy
Write Code the Way a Toddler Chooses a Book
Просмотров 453 года назад
Write Code the Way a Toddler Chooses a Book
Create JSON Pages from Markdown Files with Gatsby
Просмотров 9023 года назад
Create JSON Pages from Markdown Files with Gatsby
Create JSON Pages from External Data with Gatsby
Просмотров 6633 года назад
Create JSON Pages from External Data with Gatsby
How to Build a Static API with Middleman
Просмотров 2653 года назад
How to Build a Static API with Middleman

Комментарии

  • @jt2428
    @jt2428 13 дней назад

    Yeah GitHub moderators can't see everything I'm sure more ai implementation to check these kind of things might help

  • @BeatingTheWallSt
    @BeatingTheWallSt 24 дня назад

    Can we connect it to framer

  • @icaromendes1250
    @icaromendes1250 26 дней назад

    Elegant? Have you seen React code?

  • @user-iw7il6zq6j
    @user-iw7il6zq6j 27 дней назад

    Hey Thanks bro!

  • @t3chnicolor
    @t3chnicolor 27 дней назад

    What Git extension are you using in your VSCode? what's your VScode config

  • @mexantos
    @mexantos 28 дней назад

    In the end of the video still favor react

  • @zedzpan
    @zedzpan Месяц назад

    This is a super helpful tip.

  • @darah.k3221
    @darah.k3221 Месяц назад

    What you can do with React that you can't do it in Vue?

  • @brianstanback360
    @brianstanback360 Месяц назад

    Thanks very helpful, I had to add a --v10 argument when generating the types to make it play nicely with v10 of the contentful SDK

  • @yarapolana
    @yarapolana Месяц назад

    Amazing video Sean, thank you for this!

  • @deshenrao7403
    @deshenrao7403 Месяц назад

    omfg finally. thank you so much. wasted so much freaking time on this

  • @darumaleo
    @darumaleo 2 месяца назад

    what about angular?

  • @Daaboo
    @Daaboo 2 месяца назад

    Javascript is a dumpsterfire and React is it's flagship

  • @ahmadcodes
    @ahmadcodes 2 месяца назад

    thank you !

  • @bhoogarbhshaastrgeology
    @bhoogarbhshaastrgeology 2 месяца назад

    not working

  • @isaacambi1914
    @isaacambi1914 2 месяца назад

    I wasted my time

  • @user-sy5fd7kn8w
    @user-sy5fd7kn8w 2 месяца назад

    Thank you, Cpt Obvious.

  • @ArquitetoLocatelli
    @ArquitetoLocatelli 3 месяца назад

    Really nice stuff! Thanks for sharing your knowledge!

  • @sultondev
    @sultondev 3 месяца назад

    I use Vue because Vue is always on the same current as EcmaScript standards. And I feel free with vue. I chose vue because of vite. State management is very simple in vue compared to react js. I love how the template is rendered separately. and the script functions don't lost reference links with don't force you to save your function with useCallback. I love how Vue uses js proxy for state management. I didn't see any strong proof that would make me choose to react instead of vue in future projects.

  • @juliomayorgaubiria2560
    @juliomayorgaubiria2560 3 месяца назад

    Excelent content Sean!!

  • @jordigasau2402
    @jordigasau2402 3 месяца назад

    Very useful Sean! Thanks!

  • @vipul4vb
    @vipul4vb 3 месяца назад

    Such an underrated video. Thanks a ton, Sean!!

  • @jwoods9659
    @jwoods9659 3 месяца назад

    React teaches you alot of bad habits.

  • @MaxProgramming
    @MaxProgramming 3 месяца назад

    You look like if VSauce had longer beard 😅

  • @igbalajobizhikrullah465
    @igbalajobizhikrullah465 3 месяца назад

    Thanks.... This really helped me

  • @diegognoatto8706
    @diegognoatto8706 4 месяца назад

    jesus crist, talking about Icons and you just gave me the solution to serve Dynamic layouts and Headers depending if is mobile or desktop using UAParser and setting const DynamicHeader = headMap[isMobile ? 'mobilehead' : 'desktophead'] ... . thanks good insight

  • @davidpaez_co
    @davidpaez_co 4 месяца назад

    This is soo cool. Thank you Sean!!!

  • @ivomunozcontreras5262
    @ivomunozcontreras5262 4 месяца назад

    Thanks bro 💥💥

  • @user-lt9ey6gw3x
    @user-lt9ey6gw3x 4 месяца назад

    Vue is better.

  • @human4566vv
    @human4566vv 4 месяца назад

    who cares, industry has adopted react so aggressively, doesn't matter what you make it's not gonna change, react will slowly steal good parts of vue, you can't do anything about it

    • @whimahwhe
      @whimahwhe Месяц назад

      That's bullshit. Before react there were other standards. Industry keeps shifting so discussion is important. React won't be king forever, that's for sure

  • @vectorgarman
    @vectorgarman 5 месяцев назад

    Nice!

  • @user-bc3ex3tu4p
    @user-bc3ex3tu4p 5 месяцев назад

    Thank you! This video is just what I needed!

  • @torb-no
    @torb-no 5 месяцев назад

    As someone who’s mostly done React over the years I feel like it’s a dead end. React’s way of programming is closelely couoled with VDOM and reacticity at the component level, while Vue has fine grained reactivity and will probably be able to move away from VDOM (which the consensus is that it’s not a good idea at this point). Not to mention, first class TypeScript support.

  • @shivrajnag12
    @shivrajnag12 5 месяцев назад

    Hey Sean, can you please make a tutorial on how to distribute the app and list the app in Slack app directory. How to handle the OAuth flow. How to make the local development easy as well as making changes to the production version. Do I need to need to create 2 separate apps for different environment or can we manage it using one app.

  • @manishpaudel6515
    @manishpaudel6515 5 месяцев назад

    Hey Sean, awesome tutorial. I am building a slack bot which will make API call to third party and respond back if successful or not. Since it is hosted on Lambda, it takes more than 3 seconds to make the API call and respond back. How do I acknowledge and send ack() so that slack bot won't make multiple message?

  • @user-gh1jq3ef5p
    @user-gh1jq3ef5p 5 месяцев назад

    Amazing video-series. Thank you!

  • @bushbuddyplatypus
    @bushbuddyplatypus 6 месяцев назад

    Never use react

  • @s0lci70
    @s0lci70 6 месяцев назад

    hey vsauce not michael here

  • @ThomasLe
    @ThomasLe 6 месяцев назад

    the url you show and the id you get from the script are identical except for the dashes between the UUID. The data type that is given from your string is known as a UUID or GUID.

  • @codedjango
    @codedjango 6 месяцев назад

    Vue is always better than react

    • @cant_sleeeep
      @cant_sleeeep 6 месяцев назад

      facts. i don’t see why people use react

    • @IllIIIIIIllll
      @IllIIIIIIllll 5 месяцев назад

      ​@@cant_sleeeepbruh I don't think there is much job opening for vue dev.

  • @MyLatinLife
    @MyLatinLife 6 месяцев назад

    🎉

  • @quwub
    @quwub 7 месяцев назад

    you really saved me a lot of time, thanks

  • @IshanChaudharii
    @IshanChaudharii 7 месяцев назад

    This was actually really helpful, I was messing around trying to get notion to work with my blog and just stumbled upon this video. Would love to see more of your vids! - Keep up the good work.

  • @naeliesuttra
    @naeliesuttra 7 месяцев назад

    Hi, did you ever have an issue with multiple messages being sent? Trying to prevent that from happening, sometimes it sends messages more than once..

  • @MultiRafael7
    @MultiRafael7 7 месяцев назад

    Do you have the complete interview?

  • @yabuking84
    @yabuking84 7 месяцев назад

    If its a new project I would definitely use Vue. Vue can also do complex projects, especially using Composition API. I think people use React because most projects where already made from React.

  • @igu642
    @igu642 7 месяцев назад

    ❤️

  • @levyroth
    @levyroth 8 месяцев назад

    Rect is horrible.

  • @theheroofthevirgins1487
    @theheroofthevirgins1487 8 месяцев назад

    Just added vue to my portfolio if I know react I know vue 👀 is understandable

  • @ll-sz9fl
    @ll-sz9fl 8 месяцев назад

    I went through Middleman and Gatsby, now thinking to go with Hugo. It's been out there for a while now, not like the others two I developed with, which they just died after some time, as hype got carried away...