Build React Apps Visually - The Future of React

Поделиться
HTML-код
  • Опубликовано: 7 авг 2024
  • This video is sponsored by Codux.
    As React developers, we always struggle to be able to display and render our components and render them in realtime while changing different props, styles or even simple class names. Codux is a visual IDE that works side by side with your current IDE (e.g VSCode) and allows you to create different board to render your React components inside and edit them visually to help you build better apps the easy way.
    💎 You can Try to visually Build you React apps using Codux for FREE
    codux.hopp.to/coderone
    ⭐ Timestamps ⭐
    00:00 Intro
    01:21 Getting started with Codux
    04:03 Boards
    06:36 Explore Page Elements
    07:21 Codux with VSCode
    09:52 Component Props
    11:19 Styling Elements Visually
    16:21 Responsive Design
    17:07 Undo & Redo
    17:21 Version control and Git
    18:31 Share your project
    🎉Our Newsletter is live! Join thousands of other developers
    islemmaboud.com/join-newsletter
    -- Special Links
    ✨ Join Figma for Free and start designing now!
    psxid.figma.com/69wr7zzb1mxm
    👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
    psxid.figma.com/ucwkx28d18fo-...
    💻 Nue Simple App Project
    github.com/ipenywis/nue-app
    🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
    • Build Login/Register A...
    🧭 Turn Design into React Code | From prototype to Full website in no time
    • Turn Design into React...
    🧭 Watch Tutorial on Designing the website on Figma
    • I Design a onecolor We...
    🧭 Watch Create a Modern React Login/Register Form with smooth Animations
    • Create a Modern React ...
    🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
    • Debug React Apps Like ...
    🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
    • Master React Like Pro ...
    🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
    • Debug React Apps Like ...
    🧭 Introduction to GraphQL with Apollo and React
    • Introduction to GraphQ...
    👉 Personal Links:
    ✨ My Portfolio islemmaboud.com
    🐦 Follow me on Twitter: / ipenywis
    💻 GitHub Profile github.com/ipenywis
    Made with ❤️ by Coderone

Комментарии • 12

  • @user-ik7rp8qz5g
    @user-ik7rp8qz5g 9 месяцев назад +4

    Adobe Dreamweaver 2.0?

  • @DanielEmenikeCodes
    @DanielEmenikeCodes 9 месяцев назад +1

    This product reminds me of wordpress but a more advanced wordpress without the plugins and theme marketplace. It is really powerful and takes away some level of complexity. Awesome.

  • @McCloud23892
    @McCloud23892 2 месяца назад +1

    Is this only for Wix, can I add code for Shopify or Squarespace?

  • @karimbouche3563
    @karimbouche3563 9 месяцев назад +1

    It is wonderfull bro

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

    Hi, great video,
    do you think it will work with an Astro project, since Astro is compatible with react ?
    Thanks

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

    I like the integration with vscode. What would be indispensable is ability to import 3rd party components library, and drag drop those instead of built-in html tags.

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 2 месяца назад

    Thak You

  • @user-si3io9jz2h
    @user-si3io9jz2h 7 месяцев назад

    Is there any IDE or tool like this for Angular , or suggest me something to develop angular apps faster without actually coding everything .

  • @lucaspraciano4640
    @lucaspraciano4640 9 месяцев назад +1

    Like a Delphi ❤❤❤❤

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

    Maybe it's just me, but I find very hard to wrap my head around this

  • @lavdev
    @lavdev 9 месяцев назад

    This IDE take developer’s job😂

  • @hanyafifi2906
    @hanyafifi2906 9 месяцев назад

    oh