Jonas Grøndahl
Jonas Grøndahl
  • 92
  • 1 048 533
How to create PDF Generator service in TypeScript/Nodejs using Pulumi/AWS - Part 2
In this video we'll improve upon the code from previous video and bundle the code using esbuild
Github code:
github.com/jonasgroendahl/pdf-generator-youtube/tree/part2
Pulumi Get started: www.pulumi.com/docs/get-started/
Pulumi CLI install:www.pulumi.com/docs/install/
Pulumi Serverless template:www.pulumi.com/templates/
AWS:
aws.amazon.com/
AWS Authentication:
docs.aws.amazon.com/cli/latest/userguide/cli-chap-authentication.html
มุมมอง: 105

วีดีโอ

How to create PDF Generator service in TypeScript/Nodejs using Pulumi/AWS
มุมมอง 30210 หลายเดือนก่อน
In this video I'll show to create a simple service that returns a "Hello World" PDF to the user using the api. Since we're using PDFkit we can customize the pdf to our linking, creating e-tickets, invoices or whatever else makes sense in PDF land. This video illustrates a very simple setup, in a real world you would probably add auth onto the service and make sure to bundle the lambda code prop...
I built a large app with Native base...
มุมมอง 7Kปีที่แล้ว
Hello everyone In this video I'll briefly summarise my experience building a large app with Native base version 3 and my personal recommendation for new projects in 2023 if you decide to go with a UI library instead of starting from scratch Links: Native base open issue: github.com/GeekyAnts/NativeBase/issues/4302 Tamagui: tamagui.dev/docs/intro/introduction
In app purchases and subscriptions in React Native
มุมมอง 16K2 ปีที่แล้ว
In this video, I'll show how to get started integrating in-app payments and subscriptions into your React Native apps from scratch for iOS and Expo using a package called "react-native-purchases" from RevenueCat. Links: Getting started: www.revenuecat.com/docs/getting-started Setup in stores: iOS: www.revenuecat.com/docs/ios-products Android: www.revenuecat.com/docs/android-products
Building an API using design first approach
มุมมอง 4842 ปีที่แล้ว
In this video, I will show how we can leverage a OpenAPI file in fastify to do automatically do validation on input and output. We'll use a design first approach where we'll build open the OpenAPI file in Stoplight Studio.
Date/week slider in React Native
มุมมอง 12K2 ปีที่แล้ว
In this video I'll show how to create a week slider using react-native-pager-view. I will also show one may generates the weeks and the dates associated with them
ActionSheet provider and hook in React Native
มุมมอง 2.6K2 ปีที่แล้ว
In this video I'll show how we can create an actionsheet provider and react hook using the native base actionsheet. This will save ourselves from writing a bunch of duplicate code since in most cases our actionsheets will look very similiar.
Form validation in stepper using react hook form
มุมมอง 17K2 ปีที่แล้ว
In this video I will show how to do validation on a step-basis using react-hook-form in a stepper component. I will also show to to create a reusable form component and how to submit the form in the end.
Skeleton component in React Native
มุมมอง 9K3 ปีที่แล้ว
In this video we'll create a simple skeleton component using the built-in Animated API from React Native. During a bit of research, it seems the most commonly used libraries for skeleton components are more advanced and requires extra dependencies so here I will create a simple one you can use in your projects :)
Cron jobs in AWS: Api destinations
มุมมอง 12K3 ปีที่แล้ว
In this video I will show how we can use AWS to ping an endpoint in an existing api on a schedule.
Next Auth 4 - Credentials provider (username/password)
มุมมอง 66K3 ปีที่แล้ว
In this video I'll show how to setup username/email password authentication for Next apps using the latest version of next auth. The official documentation on Next Auth covers it quite well but fails to show a complete working example. Next auth: next-auth.js.org/ Github: github.com/jonasgroendahl/yt-nextauth-credentials-provider
Dark mode in Material UI 5
มุมมอง 24K3 ปีที่แล้ว
In this video I will show an example app where I implemented dark mode. Then I will talk about my approach and explain the code and the gotchas that I faced adding dark mode to my existing app.
Chakra UI for React Native? Native base v3
มุมมอง 6K3 ปีที่แล้ว
Native base v3 was recently released. "New" UI library for React Native! The developers behind Chakra UI has previously said that they were working on a React Native implementation but we haven't heard anything for a long time,
Facebook Graph API - Create page content!
มุมมอง 2.6K3 ปีที่แล้ว
In this video we'll create facebook page posts using the graph API. Be sure to watch the previous videos since there are a lot of steps in order to get started with the Facebook Graph API.
Facebook Graph API - Page tokens
มุมมอง 4.3K3 ปีที่แล้ว
In this video, we'll do a succesful login with a test user, generate a page token and return it to our nextjs frontend
Facebook Graph API - Login and token debugging
มุมมอง 8K3 ปีที่แล้ว
Facebook Graph API - Login and token debugging
Stripe Payment sheet in React Native
มุมมอง 5K3 ปีที่แล้ว
Stripe Payment sheet in React Native
How to host static Nextjs site to S3
มุมมอง 10K3 ปีที่แล้ว
How to host static Nextjs site to S3
How to transcode videos using AWS (Beginner)
มุมมอง 7K3 ปีที่แล้ว
How to transcode videos using AWS (Beginner)
Integrate payments in React Native (Stripe)
มุมมอง 21K3 ปีที่แล้ว
Integrate payments in React Native (Stripe)
Tree structures in React - Build a family tree
มุมมอง 34K3 ปีที่แล้ว
Tree structures in React - Build a family tree
Material UI v5 - Creating a reusable dialog (modal) component
มุมมอง 17K3 ปีที่แล้ว
Material UI v5 - Creating a reusable dialog (modal) component
Material UI v5 pre release
มุมมอง 6K3 ปีที่แล้ว
Material UI v5 pre release
Language App - Building the app in React Native (part 3)
มุมมอง 8243 ปีที่แล้ว
Language App - Building the app in React Native (part 3)
Language App - Extend Deno script (part 2) by using web scraping
มุมมอง 1523 ปีที่แล้ว
Language App - Extend Deno script (part 2) by using web scraping
Language App - Deno script (part 1)
มุมมอง 5493 ปีที่แล้ว
Language App - Deno script (part 1)
Trying out Magnus UI in React native
มุมมอง 1.1K3 ปีที่แล้ว
Trying out Magnus UI in React native
Cross platform Speedometer (Calories chart) for React
มุมมอง 2K3 ปีที่แล้ว
Cross platform Speedometer (Calories chart) for React
React Native - Facebook login - iOS
มุมมอง 10K3 ปีที่แล้ว
React Native - Facebook login - iOS
React Native Carousel from scratch
มุมมอง 14K4 ปีที่แล้ว
React Native Carousel from scratch

ความคิดเห็น

  • @fernandizosbedtimestories680
    @fernandizosbedtimestories680 หลายเดือนก่อน

    how can I get more results using the variables json object?

  • @chriscooke2789
    @chriscooke2789 2 หลายเดือนก่อน

    no good for beginners with no tech knowledge

  • @Marc-mp6lf
    @Marc-mp6lf 3 หลายเดือนก่อน

    where are inputed nodes stored? can i extract those?

  • @Marc-mp6lf
    @Marc-mp6lf 3 หลายเดือนก่อน

    Great! How can I extract all the inputed nodes, including its name and parent node?

  • @El_ii
    @El_ii 5 หลายเดือนก่อน

    Not working in Expo 51

  • @Alois82
    @Alois82 5 หลายเดือนก่อน

    Hey! Would love an update on this

  • @joeniati7903
    @joeniati7903 6 หลายเดือนก่อน

    can i use this to build a language app for another language such as lingala?

  • @hubertkazmierczak4825
    @hubertkazmierczak4825 6 หลายเดือนก่อน

    Finally tutorial that got me to the finish line!

  • @abdullahaboayesha
    @abdullahaboayesha 7 หลายเดือนก่อน

    Dear Jonas, Subscribed to your channel after viewing your week calendar video in react native , would love to see how to create react native scheduling app.

  • @gyurisc
    @gyurisc 7 หลายเดือนก่อน

    What is the name of this guy?

  • @RonanThomas
    @RonanThomas 7 หลายเดือนก่อน

    Hey! Struggling to get this week calendar view working. Have you the source code you used handy? Thanks

  • @princechaudhary3382
    @princechaudhary3382 8 หลายเดือนก่อน

    You're hacker bro awesome!

  • @itznafle1134
    @itznafle1134 8 หลายเดือนก่อน

    Do you know how I could change the language so instead of displaying "2 Tuesday" it would say it in Spanish or another language?

    • @jonasgroendahl
      @jonasgroendahl 8 หลายเดือนก่อน

      Use the corresponding locale :)

  • @akshayramteke2397
    @akshayramteke2397 8 หลายเดือนก่อน

    Thank you.... it was much needed.

  • @sauravlakhotia3434
    @sauravlakhotia3434 8 หลายเดือนก่อน

    Thanks it worked perfectly, I also customized it further

  • @nat.serrano
    @nat.serrano 9 หลายเดือนก่อน

    but this doesnt work for expo web right???????

  • @justinmartin614
    @justinmartin614 9 หลายเดือนก่อน

    The calendar does not show up for me. My Agenda component is wrapped around a SafeAreaView with flex: 1 but still nothing renders. Need Help.

  • @snailedlt
    @snailedlt 10 หลายเดือนก่อน

    Hey, do you have the code for this anywhere?

  • @cuzonGames
    @cuzonGames 10 หลายเดือนก่อน

    wow it was magical, noice 🖖

  • @metax73
    @metax73 11 หลายเดือนก่อน

    I'll never make fun of Google's interview problems again

  • @norman2213
    @norman2213 11 หลายเดือนก่อน

    Yo Jonas, im really thankfull for your tutorial on how to build a family tree with react. Im currently working on a interaktiv audio library with node trees, and this was quite a good explonation on how to achiev it. Thanks for that, keep going!

  • @JasonW9235
    @JasonW9235 11 หลายเดือนก่อน

    How did you access the marketplace if you're not logged in?

  • @nilampednekar9256
    @nilampednekar9256 ปีที่แล้ว

    How I can manage multiple user on single play store I'd or on apple id on one device?

  • @hsa180
    @hsa180 ปีที่แล้ว

    Thanks A lot of

  • @SaquibMansuri-w8v
    @SaquibMansuri-w8v ปีที่แล้ว

    if you would have provided the lambda function code in the description then that would have been cool

  • @thechoosen4240
    @thechoosen4240 ปีที่แล้ว

    Good job bro, JESUS IS COMING BACK VERY SOON; WATCH AND PREPARE

  • @jeffwebb101
    @jeffwebb101 ปีที่แล้ว

    Thanks, great starting point for my project!

  • @morningstar6877
    @morningstar6877 ปีที่แล้ว

    thanks , it is very useful

  • @kentbull
    @kentbull ปีที่แล้ว

    Just what I needed, thank you.

  • @wilfried64
    @wilfried64 ปีที่แล้ว

    Thank you so much, you litterally saved lives

  • @learn_german_with_music
    @learn_german_with_music ปีที่แล้ว

    nice vid thanks !

  • @shivamsingh7219
    @shivamsingh7219 ปีที่แล้ว

    What you did, it will not work for production code

  • @gibstock7623
    @gibstock7623 ปีที่แล้ว

    Hi, great video! The only problem I'm running into is when a user requests a page that should be a 404, the response is a 304. Does this have anything to do with this fix?

  • @neurabrain
    @neurabrain ปีที่แล้ว

    in the react-draggable library, when you drag an object and the mouse pointer leaves the browser window, the movement of the mouse and object continues to be processed, but you do not. How can you ensure that this movement continues to be processed in your code?

  • @nickwoodward819
    @nickwoodward819 ปีที่แล้ว

    should probably put chakra in the title bud :)

  • @anon-403
    @anon-403 ปีที่แล้ว

    The idea is to stop depending on these libraries for multiple reasons 1. You will be stuck with the styling they offer. In most cases it is hard to customize the UI as you need. 2. You have no control over the conventions. With every new version you could see components named differently. 3. Lack of support and the projects may be discontinued like this.

  • @arnav6237
    @arnav6237 ปีที่แล้ว

    nice work nigga

    • @wotizit
      @wotizit 10 หลายเดือนก่อน

      💀

  • @knuseski
    @knuseski ปีที่แล้ว

    How can I add this index.js in react project...?

  • @kumarc326
    @kumarc326 ปีที่แล้ว

    Here bar start with bottom low point of x axis can we use min value to max value data for the each bar like range bar if yes how?

  • @peyaldhar8811
    @peyaldhar8811 ปีที่แล้ว

    It’s deprecated now btw. Debating between Tamagui or React Native Elements.

    • @eliassmith7949
      @eliassmith7949 ปีที่แล้ว

      there is Gluestack UI from them

  • @felixmilome
    @felixmilome ปีที่แล้ว

    What of Android?

  • @shashibhushan6623
    @shashibhushan6623 ปีที่แล้ว

    please share the video for spring boot batch job application configure with AWS Batch

  • @PitZza143
    @PitZza143 ปีที่แล้ว

    Did you just make Dota 2 Fan App? I would like to download that.

  • @leconsulat7203
    @leconsulat7203 ปีที่แล้ว

    Thanks for the content

  • @SogMosee
    @SogMosee ปีที่แล้ว

    With this package it is not possible to add sibling nodes which are not connected to the same parent, such as a step brother or sister, or two married people. Does anyone have a react package that is capable of sibling relationships?

    • @norman2213
      @norman2213 11 หลายเดือนก่อน

      Same question here. Did you find a solution? Maybe Jonas has an answer to it?

  • @kevinchristianto22
    @kevinchristianto22 ปีที่แล้ว

    Even for a smaller project like mine, is so slow when navigating through screens with forms or lists inside.

  • @dejijames4358
    @dejijames4358 ปีที่แล้ว

    This was amazing and concise. Life saver. God bless you

  • @abhishekporwal7969
    @abhishekporwal7969 ปีที่แล้ว

    Looking for the same, thankyou so much brother to make video on this❤

  • @teflonhav
    @teflonhav ปีที่แล้ว

    thank you

  • @aymenslimani-lf6in
    @aymenslimani-lf6in ปีที่แล้ว

    thaank u sm bro