How To Add Web support In Compose Multiplatform App | Compose Web Tutorial Using Kotlin/Js Target.

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ •

  • @ManishKumar-dr2cg
    @ManishKumar-dr2cg 6 днів тому

    amazing

  • @aftabhussain9576
    @aftabhussain9576 7 днів тому

    Does this gradle task/run accept hot code changes? or Am I missing something else entirely? I'm using kotlin/wasm btw.

    • @codingambitions
      @codingambitions  7 днів тому

      I think you need to add --continuous argument in command for that ->
      composeApp:jsBrowserRun --continue

  • @mitjadebeljak
    @mitjadebeljak 10 місяців тому +1

    Hello. Great videos, easy to follow along. I am having issues with CORS policy: No 'Access-Control-Allow-Origin', since I am loading images from different site. I am interested why you do not have this issues, since I have followed your example? I am using image loader version 1.7.5

    • @codingambitions
      @codingambitions  10 місяців тому +1

      Then it is most probably due to api. May be access control allow origin header is not present in api. And not sure if anything can be done from compose image loader side or not.

    • @satwinder_momi
      @satwinder_momi Місяць тому

      This because you're not using ktor server, other server side frameworks or languages causing the error, or explicitly configure your server for CORS

  • @satwinder_momi
    @satwinder_momi Місяць тому

    Hey, your really doing amazing, im able to achieve same thing via wasm in easier way,
    My question is can i use this full project, because im confused as render everything on a Canvas, is this ok for responsiveness and for js like function on interraction and on page content updation like fetch or Ajax,
    Please answer me, I'm really too confused

    • @codingambitions
      @codingambitions  Місяць тому +1

      If you are not concerned about SEO, then its completely fine. Becoz SEO is achievable for canvas based websites.

    • @satwinder_momi
      @satwinder_momi 29 днів тому

      @codingambitions thank bro, i don't need seo, it's just a dashboard,
      One more question, wanted to go with Golang for backend, it this fine or i should use ktor?

  • @DawnNguyen-xe1bw
    @DawnNguyen-xe1bw Місяць тому

    Hi. Love your video. But can this project navigate to other page?. I'm currently using Compose Navigation for navigate between page, but the url remain localhost:8080. That behavior make the KMP web can't nav back or using url to go to specific page like other web. Do you know how to make the navigate more like normal web. Thanks

    • @codingambitions
      @codingambitions  Місяць тому +1

      For that you need to make some changes in navigation logic for web. You will have to write separate navigation logic for web but you can reuse the ui. And you need to use routing library for that. May be you can try routing-compose library for that or decompose also have WebHistroyController which you can check.

    • @DawnNguyen-xe1bw
      @DawnNguyen-xe1bw Місяць тому

      @@codingambitions great, I will take a look at decompose. I'm developing a KMP Web only, so I think writing specific navigation logic for web is not a big deal to me. Thank you for your answer

  • @jcolindres001
    @jcolindres001 4 місяці тому

    Hello sir,
    Excellent training, thank you!
    I am pretty much interested in bootcamp training of KMP iOS, Android, Desktop and Web). It may be private if you don't have a training already prepared.
    Thanks,

    • @codingambitions
      @codingambitions  4 місяці тому

      Hi, thanks for your feedback. Please Mail me on sunil.dhiman90@gmail.com to connect further

  • @gentek7
    @gentek7 2 місяці тому +1

    Can I use java libraries???

    • @codingambitions
      @codingambitions  2 місяці тому

      They will work only for jvm(desktop) target

    • @gentek7
      @gentek7 2 місяці тому

      @@codingambitions I tried to add a java library today Kotlin/wasm I couldn't even add a basic Joda-time library , this is a complete nightmare 🫨🥹

    • @gentek7
      @gentek7 2 місяці тому

      @@codingambitions The other day I installed a java library in Kotlin/wasm ,And I couldn't do it at all 🫨🥹

    • @gentek7
      @gentek7 2 місяці тому

      @@codingambitions The other day I installed a java library in Kotlin/wasm ,And I couldn't do it at all 🫨🥹

    • @gentek7
      @gentek7 2 місяці тому +1

      @@codingambitions The other day I installed a java library in Kotlin/wasm ,And I couldn't do it at all 🫨🥹

  • @himanshukandwal8710
    @himanshukandwal8710 4 місяці тому

    Hello, can you pls make tutorial on how to embed compose code in html css website?
    If we have a web app made in html css js etc, I want it to run some components of compose.

    • @codingambitions
      @codingambitions  4 місяці тому +1

      Hi, Though it can be little bit challenging(but not sure), but i will check it.

  • @baccarolucas8023
    @baccarolucas8023 Рік тому

    Hello, you can use MOKO resources in this case? thanks man!

    • @codingambitions
      @codingambitions  Рік тому

      Yes we can use moko resources with compose web (using Kotlin/Js), android and iOS targets. But Currently moko resources does not support wasm target. Hoping that very soon it will support wasm as well.

    • @baccarolucas8023
      @baccarolucas8023 Рік тому

      @@codingambitions ok and one more question! in your project when use web/ios/android/desktop, you can use "PRECOMPOSE" for navigation?

    • @codingambitions
      @codingambitions  11 місяців тому

      Yes we can use PRECOMPOSE , DECOMPOSE OR VOYAGOR any of these libraries for navigation. I have used decompose in one of my videos.

    • @baccarolucas8023
      @baccarolucas8023 11 місяців тому

      thanks bro! i learned a lot with your videos! im interesting Compose Multiplataform@@codingambitions
      i thinks precompose web, not a good performs.. 🤔

  • @alejandrogallego5419
    @alejandrogallego5419 11 місяців тому

    Hello. Do you have a video whit KOIN and compose KMP ?

    • @codingambitions
      @codingambitions  11 місяців тому +1

      Yes, checkout this video: ua-cam.com/video/X0nc2knu43E/v-deo.html

    • @alejandrogallego5419
      @alejandrogallego5419 10 місяців тому

      @@codingambitions Thanks a lot.

  • @gloooooom6229
    @gloooooom6229 8 місяців тому

    hello! i subscribed to you and liked this video! i'm glab you made this but can u help me for my school project? how can i build a different ui for the web and app? the web is for the admin and the app is for the users so they're ui is not the same. how can i implement that in code please?

    • @codingambitions
      @codingambitions  8 місяців тому +1

      Its pretty easy. In jsMain, main.kt , you can write your own ui instead of using common App UI.

    • @gloooooom6229
      @gloooooom6229 8 місяців тому

      @@codingambitions okay thank you so much! i will try this. tho i have another question, what is the meaning of KMP web it being experimental? will they be removing it soon or just improving it? i'm afraid if i use it in my proj it'll be not available anymore in 3 months of my semester

    • @codingambitions
      @codingambitions  8 місяців тому +1

      Experimental means its in early stage,things may change little bit, but overall it will improve.

  • @JeudryPeñaPeña
    @JeudryPeñaPeña 10 місяців тому

    You should include the repo for projects code source

    • @codingambitions
      @codingambitions  10 місяців тому

      For some videos, i include, But for others i dont. Becoz i think if i will include source code for all videos, users will not learn from my videos, they will directly go to source code and will later face problems due to not understanding complete topic from video..

  • @gloooooom6229
    @gloooooom6229 8 місяців тому

    1 BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 66
    2 Unsupported class file major version 66
    help i am having these error after i run the webApp please help

    • @codingambitions
      @codingambitions  8 місяців тому

      Hey, its probably due to java version issue. Which IDE you are using?

  • @himanshukandwal8710
    @himanshukandwal8710 4 місяці тому

    hosting?

    • @codingambitions
      @codingambitions  4 місяці тому

      Hi, i didnt tried yet. I will check that soon