State là một object có thể được sử dụng để chứa dữ liệu hoặc thông tin về components. State có thể được thay đổi bất cứ khi nào mong muốn. Khác với props bạn có thể truyền props sang các components khác nhau thì state chỉ tồn tại trong phạm vi của components chứa nó, mỗi khi state thay đổi thì…
Props trong ReactJS
Props là một object được truyền vào trong một components, mỗi components sẽ nhận vào props và trả về react element.Props cho phép chúng ta giao tiếp giữa các components với nhau bằng cách truyền tham số qua lại giữa các components. Khi một components cha truyền cho component con một props thì components con chỉ có thể đọc và không có…
Component trong ReacJS
React chia nhỏ các phần của trang thành từng phần riêng biệt, gọi là component, ví dụ như các phần: header, footer, sidebar, navigation, … . Tính chất của component giống như một hàm (function) Javascript, có thể tái sử dụng ở nhiều nơi khác nhau. Viết dưới dạng function (hoặc Class ), và function luôn được return. Bên trong…
Cài đặt ReactJS
1. Cài đặt tự động với npm Mở terminal lên và chạy một số dòng lệnh sau : => Truy cập localhost:3000 2. Cấu trúc thư mục Project ReactJS sẽ có cấu trúc như sau: node_modules chứa nội dung cài đặt, tất cả cài đặt sẽ được lưu tại đây. public chứa tất cả file output, là các file sẽ tương tác trực…
Rediect trong Xserver
Hướng dẫn rediect sang tên miền mới trong Xserver
[iOS] Hướng dẫn xử lý với local notification
Đăng ký notification Trong applicationDidFinishLaunchingWithOptions ở AppDelegate.swift chúng ta thực hiện. Trong file AppDelegate.swift thêm hàm phía dưới Send Notification Để send một Local notification chúng ta cần những thông số như sau. 1. Nội dung Trên đây là cấu trúc rất đơn giản của một push chỉ gồm title, body text và âm thanh mặc định. Và chúng ta có thể custom được khá nhiều…
Jquery double click và single click cùng 1 element
Đôi khi một số yêu cầu cần sử dụng double click và single click trên cùng 1 element, và đây là trick để sử dụng, trick này cũng bỏ được việc double click zoom trên ios mặc dù đã dùng meta tag user-scalable=no
[css] Footer luôn nằm dưới bottom
Đôi khi ta hay bắt gặp desgin có phần footer luôn nằm dưới bottomVà vấn đề chúng ta thường gặp ở đây đó là khi view nó ở dạng landscape (khi xoay điện thoại nằm ngang)có 1 giải pháp cho việc này đó là sử dụng viewport .container{ min-height: 100vh; /* will cover the 100% of viewport */ overflow: hidden;…
[iOS] Hướng dẫn xử lý click event khi đang edit textfield (đang show keyboard)
Khi đang show keyboard muốn thực hiện click event: Thêm liên kết touch up outside đến func của bạn Xem hình bên dưới: Note: Chỉ sử dụng trong trường hợp sự kiện(button) của bạn được hiển thị trên màn hình và không bị đè bởi sự kiện nào khác
Trình xác thực Auth0
Auth0 là một công cụ dịch vụ xác thực giúp việc triển khai các tính năng liên quan đến xác thực trong website của bạn trở nên dễ dàng. Một số tính năng của Auth0: Xác thực một lần (single sign-on) Xác thực 2 yếu tố (multifactor authentication) Đăng nhập không cần mật khẩu Quản lý người dùng Tích hợp…