egghead.io
illustration for Gatsby Theme Authoring

Course

Gatsby Theme Authoring

  1. 1
    Set up Yarn Workspaces for Gatsby Theme Development
    5m 22s
  2. 2
    Add Static Data to a Gatsby Theme
    2m 30s
  3. 3
    Create a Data Directory in Gatsby using the onPreBootstrap lifecycle
    2m 13s
  4. 4
    Set up to Create Data Driven Pages in Gatsby
    6m 52s
  5. 5
    Create Data Driven Pages in Gatsby with GraphQL and createPages
    4m 39s
  6. 6
    Display Sorted Data with useStaticQuery in Gatsby
    7m 26s
  7. 7
    Display and Query Data by id with Gatsby context and useStaticQuery
    4m 3s
  8. 8
    Style and Format Dates in React
    6m 3s
  9. 9
    Configure a Gatsby Theme to Take Options
    3m 22s
  10. 10
    Make Gatsby Themes extendable with gatsby-theme-ui
    7m 59s
  11. 11
    Use and Override a Theme in Gatsby with Component Shadowing
    1m 59s
  12. 12
    Publish a Gatsby Theme to npm
    1m 25s
  13. 13
    Consume a Theme in a Gatsby Application
    2m 9s
  14. 14
    Use Component Shadowing to Override Gatsby Theme Components
    2m 4s

Style and Format Dates in React

Jason Lengstorf
InstructorJason Lengstorf
  • react
    React

Share this video with your friends

Send Tweet

The Event Page is looking pretty good. But we can do better.

The date currently comes from a query that gets the start and end date as props and dumps that data out in a <p> tag.

In this lesson, we'll add some custom logic to display the date of an Event how you would expect it.

For a written version of this course, check out the Gatsby docs.

illustration for Gatsby Theme Authoring

Course

Gatsby Theme Authoring

Build your Developer Portfolio and climb the engineering career ladder.
  • Search
  • Talks
  • Podcasts
  • Machine
  • Pricing
  • Store
©egghead.io
Terms & Conditions