JSX là gì? Tại sao cần JSX? | JSX ReactJS

Поделиться
HTML-код
  • Опубликовано: 5 ноя 2024

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

  • @F8VNOfficial
    @F8VNOfficial  3 года назад +27

    👉👉👉 Đoạn 10:02 mình nhầm nhé, ngáo quá sorry anh em. Với React.createElement thì prop "style" sẽ nhận value là object các bạn nhé, truyền chuỗi sẽ bị lỗi. Mình sẽ nói chi tiết về cách sử dụng & làm việc với JSX trong những videos tới nên anh em yên tâm nhé 😍😍

    •  3 года назад +1

      ok bạn ơi.

    • @khanhduong4716
      @khanhduong4716 3 года назад

      ồ video bên youtube lên trước bên web F8 à, mà sao UI bên F8 cái thanh slider đầu tiên dùng chuột kéo được qua lại mà mấy thanh bài tập với bài viết ở dưới anh lại ko đồng bộ luôn cho UX nó mượt ạ?

    • @vuongqtvn
      @vuongqtvn 3 года назад

    • @adminappkiemtien5762
      @adminappkiemtien5762 3 года назад +1

      anh ơi php có thể kết hợp với reactjs dc ko ạ, e tìm video nhưng không có video cụ thể mà toàn video nước ngoài ko ạ, phải chăng php không phù hợp để kết hợp với php hay sao vậy ạ

    •  3 года назад +1

      @@adminappkiemtien5762 php có thể kết hợp được với react nhưng mà đừng nên như vậy, nếu bạn làm thuần SPA thì nên cho nó một server (hoặc docker...) riêng để chạy. Còn nếu muốn chạy lai để SEO thì nên dùng node cho nó thuận tiện.

  • @h_sangg9459
    @h_sangg9459 3 года назад +8

    em nộp bài ạ: const course = {
    courses.map((course) => {return {course.name}})
    }
    ReactDOM.render(course, document.querySelector('.root'))

    • @quangtoanta8577
      @quangtoanta8577 3 года назад +1

      const ul =
      {courses.reduce(function (acc, currValue) {
      return acc.concat(`${currValue.name}`)
      }, []).join('')}
      ReactDOM.render(ul, document.getElementById('root'))
      Sao tôi làm ntn mà sai nhỉ ? AI giúp cái

    • @lightd1404
      @lightd1404 Год назад

      @@quangtoanta8577 bro làm phức tạp hóa lên thế =))

    • @lightd1404
      @lightd1404 Год назад

      @@quangtoanta8577 const ul =
      {courses.reduce(function (acc, currValue) {
      return acc.concat({currValue.name})
      }, [])}

      ReactDOM.render(ul, document.getElementById('root'))
      Bỏ cái `` này đi và không cần join(''') nưa là ra =))

    • @hoangtruong5663
      @hoangtruong5663 Год назад

      ​@@quangtoanta8577 hình như do lần lập 2 acc trở thành kiểu string nên ko dùng hàm join đc nên bị lỗi

    • @CHINHHANTUONG
      @CHINHHANTUONG Год назад

      ​@@hoangtruong5663 ko phải đâu bạn, do khi join lại thì nó trở thành 1 chuỗi kiểu này:
      {"html,cssResponesive web designReactJs"}
      nên nó in ra chuỗi luôn

  • @cheng6630
    @cheng6630 3 года назад +7

    Hay quá ạ, làm react 1 năm rồi mà giờ mới hiểu bản chất sâu bên trong nó

  • @aminguyen7212
    @aminguyen7212 2 года назад +1

    bài giảng rất hay ngắn gọn xúc tích, ko lòng vòng vào thẳng nội dung chính, ví dụ trực quan dễ hiểu, tài liệu và phiên bản lun cập nhật mới nhất, thực sự cảm ơn anh vì sự nhiệt tâm và những kiến thức anh đã truyền đạt.

  • @hoangnguyen-qf7ht
    @hoangnguyen-qf7ht Год назад +2

    const ul=
    {course.map(function(e) {
    return {e.name}
    })}

    const root=ReactDOM.createRoot(document.querySelector('#root'))
    root.render(ul)

  • @NhatNguyen-zg6il
    @NhatNguyen-zg6il 3 года назад +1

    Làm trái nghề xong quay về lại code mà gặp ngay ông này , ông mà gặp tui ngoài đường là no bia với tôi

  • @TuiTenBo-xw5qy
    @TuiTenBo-xw5qy 2 года назад +7

    Em nộp bài ạ
    const h =
    {courses.map(function(element){
    return {element.name}
    })}

  • @pineapplesub3581
    @pineapplesub3581 3 года назад +2

    Huhu giấc mơ có thật, ngày đầu tuần ảnh ra 3 tập luôn !!! Cảm ơn anh!

  • @chickendev5759
    @chickendev5759 2 года назад +1

    Hay quá, cảm ơn anh nhiều, hướng dẫn từ gốc đến ngọn luôn

  • @phamquoctuan5037
    @phamquoctuan5037 3 года назад +2

    const ul =

    {
    courses.map((el,index) => (
    {el.name}
    ))
    }

    em nộp bài anh ơi

  • @thang8617
    @thang8617 3 года назад +4

    a có thể làm thêm video giải thích về cách babel nó chuyển đổi cú pháp jsx sang mã react được không? E rất quan tâm cái này, nhưng ít người dạy về nó

    • @F8VNOfficial
      @F8VNOfficial  3 года назад +4

      Cái này ít ng quan tâm nên a chưa ưu tiên làm video đc. E than khảo từ khoá "Babel under the hood" xem, anh nghĩ là có nhiều nơi giải thích mà. Cơ bản nó dùng regex để parse sau đó transform thôi e nha.

  • @vietucnguyen4452
    @vietucnguyen4452 3 года назад +9

    F8 - Nhà cái hàng đầu Việt Nam

    • @TranucTV
      @TranucTV 3 года назад +2

      Nhà cái lâp trình b êi

  • @ComradeBao
    @ComradeBao 3 года назад +1

    Yeah, có video mới rồi. Cảm ơn anh =))

  • @TuanTran-rn5ot
    @TuanTran-rn5ot 2 года назад +1

    anh ơi cho em hỏi xíu, việc render theo kiểu khác gì so với {component()} ạ, và nên render theo kiểu nào anh ha

  • @zakiryu2065
    @zakiryu2065 3 года назад +2

    1 ngày 2 video học cho phê luôn anh hihi

  • @phuongnamhoang7897
    @phuongnamhoang7897 3 года назад +1

    Em học reactjs được 1 thời gian rồi nhưng giờ xem video của anh mới hiểu cặn kẽ. Cảm ơn anh nhiều

  • @NamNguyen-oz8uj
    @NamNguyen-oz8uj 3 года назад +2

    Anh giảng rất hay, dễ hiểu. Cảm ơn anh rất nhiều!

  • @namnguyenhoai2259
    @namnguyenhoai2259 2 года назад

    Cam on video cua ban. Nhung ma ban noi 'JavaScript' nhanh minh cu nghe nham thanh 'Transcript'.

    • @xb_mathsonghanhcungcon2126
      @xb_mathsonghanhcungcon2126 2 года назад

      Ồ thì đúng gần như bạn ""Việt hóa"" cách phât âm của nó còn gì! Phiên âm quốc tế là: ˈjävəskript (ˈjävə skript) trọng âm rơi vào âm ˈjä nên âm və gần như mất đồng thời nối âm với skript

  • @HaiNguyen-bx4kr
    @HaiNguyen-bx4kr 3 года назад +1

    Quá tuyệt vời, cảm ơn anh nhiều.

  • @chinhphuc9847
    @chinhphuc9847 2 года назад +1

    a cho e hỏi muốn truyền 2 style vào cùng 1 thẻ thì có truyền được không ạ , như trong video a truyền color vậy muốn truyền thêm 1 trường như background-color thì làm thế nào ạ

  • @nghiatranvan9442
    @nghiatranvan9442 3 года назад

    const ulDOM =
    { courses.map((course, index) => {course.name})}

  • @TuTran-th3wd
    @TuTran-th3wd 2 года назад +1

    qua hay anh a cam on anh rat nhieu

  • @thanhhoangngoc8251
    @thanhhoangngoc8251 3 года назад

    Tuyệt cú mèo quá anh ơi @@

  • @sonbuiquang6599
    @sonbuiquang6599 3 года назад

    Tuyệt quá a ơi

  • @huyvo8126
    @huyvo8126 Год назад

    cảm ơn

  • @vankhiem3614
    @vankhiem3614 3 года назад

    Hay quá anh

  • @ando1349
    @ando1349 2 года назад

    hồi lăng xang vô học react dc 1 tuần nghẻo vì chả hiểu gì , giờ có hứng lại học ở đẩy phải nói là thông thông rất phê :))

  • @hoangvua2k38
    @hoangvua2k38 2 года назад +1

    ad ơi cho mình hỏi xíu. mình đang bị lỗi tự động nhảy dòng lên sau khi save khi viết code trong cặp thẻ và do mình không có thói quen sử dụng dấu ";" cuối mỗi câu lệnh nên sẽ bị lỗi (thêm ; thì sẽ ko lỗi). có cách nào khắc phục lỗi trên ko, mình xài vscode

  • @vuxuanhuy9079
    @vuxuanhuy9079 2 года назад

    jsx hộ trợ viết html vào trong js

  • @khoatrananh7372
    @khoatrananh7372 3 года назад

    Nay cắt tóc đẹp trai quá anh ơi :))

  • @hoaimiqng
    @hoaimiqng 3 года назад +1

    nộp bài , hi

  •  3 года назад

    Mọi người ơi cho mình hỏi cách làm slider trang f8 như đầu video vậy. Nó đi tới slide cuối xong lại đến slide đầu

  • @amhongson6394
    @amhongson6394 3 года назад +1

    Like đi mng

  • @hopnguyen3177
    @hopnguyen3177 2 года назад +1

    Có ai viết code xong SAVE lại thì nó tự động format xóa tab space và khoảng trắng k ạ? ai biết cách fix lỗi này k? giúp mình với

    • @nguyenmanhtienk15dn82
      @nguyenmanhtienk15dn82 Год назад

      bạn tắt mấy cái extensions fomat code trong vs code là được

  • @tanhoang28201
    @tanhoang28201 3 года назад +1

    Em chạy toàn lỗi này mong mọi người giúp em ạ :Target container is not a DOM element.

    • @lightd1404
      @lightd1404 Год назад

      có phải bạn truyển thêm đối số vào hàm render không =))

  • @lightd1404
    @lightd1404 Год назад

    const courses = [
    {
    name: "Learn JS"
    },
    {
    name: 'Learn HTML, CSS',
    },
    {
    name: 'Learn React'
    },
    ]
    const ulReact =
    {courses.map((course) => {course.name}) }


    const rootElement = document.getElementById('root')
    const root = ReactDOM.createRoot(rootElement)
    root.render(ulReact)

  • @hungcao1342
    @hungcao1342 Год назад

    nice !

  • @vietucnguyen4452
    @vietucnguyen4452 3 года назад

    Yeahh ,

  • @huytruong288
    @huytruong288 3 года назад

    cho em hỏi . E có làm web react nhưng file thì chỉ sử dụng file .js thôi , k có dùng .jsx v có sao không ạ

  • @jockerthe8189
    @jockerthe8189 3 года назад +1

    E ở Hà Nội thì lên học trường nào ạ (học cao đẳng ạ tại trước e học ngành khác rồi giờ ko thi lại chắc chỉ học đc cao đẳng) . Các a,chị đi trước cho e xin ý kiến ạ .

    • @zootry2024
      @zootry2024 3 года назад

      Fpt

    • @kylewiley
      @kylewiley 2 года назад

      k biết ông chọn chưa nhưng recommend là fpt là ông

    • @jockerthe8189
      @jockerthe8189 2 года назад

      @@kylewiley em chọn học trường gần cđ FBT rồi ạ :)

  • @nhat4546
    @nhat4546 3 года назад

  • @becode9266
    @becode9266 3 года назад

    1

  • @FangYuan51
    @FangYuan51 3 года назад

    hay quá a ơi