Bắt đầu với Svelte 3
Khi xây dựng các ứng dụng bằng JavaScript, hiệu suất cao và khả năng thâm nhập sẽ luôn là mấu chốt của các quyết định của các nhà phát triển phần mềm. Svelte là một khung thành phần hiệu suất cao cho mã mệnh lệnh.
2019-12-12
Khi xây dựng các ứng dụng bằng JavaScript, hiệu suất cao và khả năng thâm nhập sẽ luôn là mấu chốt của các quyết định của các nhà phát triển phần mềm. Svelte là một khung thành phần hiệu suất cao cho mã mệnh lệnh.
2019-12-12
Tạo một sử dụng tùy chỉnhFetch () React Hook
Một móc tùy chỉnh là một hàm JavaScript có quy ước đặt tên duy nhất yêu cầu tên hàm bắt đầu
2019-12-12
Một móc tùy chỉnh là một hàm JavaScript có quy ước đặt tên duy nhất yêu cầu tên hàm bắt đầu
use và có khả năng gọi các móc khác.2019-12-12
Cách xây dựng ứng dụng Recipe bằng React, Prisma và GraphQL
GraphQL đã trở nên phổ biến về mặt phát triển giao diện user do những lợi thế khác nhau mà nó mang lại so với các API REST . Tuy nhiên, việc cài đặt server GraphQL của bạn vừa dễ xảy ra lỗi vừa phức tạp. Do đó, các dịch vụ được quản lý như Prisma đã được thực hiện để quản lý server GraphQL của bạn, cho phép bạn tập trung vào việc phát triển ứng dụng của bạn .
2019-12-12
GraphQL đã trở nên phổ biến về mặt phát triển giao diện user do những lợi thế khác nhau mà nó mang lại so với các API REST . Tuy nhiên, việc cài đặt server GraphQL của bạn vừa dễ xảy ra lỗi vừa phức tạp. Do đó, các dịch vụ được quản lý như Prisma đã được thực hiện để quản lý server GraphQL của bạn, cho phép bạn tập trung vào việc phát triển ứng dụng của bạn .
2019-12-12
Cách tạo ứng dụng theo dõi sức khỏe với React, GraphQL và Okta
Trong hướng dẫn này, bạn sẽ xây dựng một ứng dụng theo dõi sức khỏe bằng cách sử dụng API GraphQL với khung công tác Vesper, TypeORM và MySQL làm database . Đây là các khung công tác Node và bạn sẽ sử dụng TypeScript cho ngôn ngữ này. Đối với ứng dụng client , bạn sẽ sử dụng React, reactstrap và Apollo Client để nói chuyện với API. Khi bạn có môi trường này hoạt động, bạn sẽ thêm xác thực user an toàn với Okta. Okta là một dịch vụ cloud cho phép các nhà phát triển tạo, chỉnh sửa và lưu trữ an toàn account user và dữ liệu account user , đồng thời kết nối chúng với một hoặc nhiều ứng dụng.
2019-12-12
Trong hướng dẫn này, bạn sẽ xây dựng một ứng dụng theo dõi sức khỏe bằng cách sử dụng API GraphQL với khung công tác Vesper, TypeORM và MySQL làm database . Đây là các khung công tác Node và bạn sẽ sử dụng TypeScript cho ngôn ngữ này. Đối với ứng dụng client , bạn sẽ sử dụng React, reactstrap và Apollo Client để nói chuyện với API. Khi bạn có môi trường này hoạt động, bạn sẽ thêm xác thực user an toàn với Okta. Okta là một dịch vụ cloud cho phép các nhà phát triển tạo, chỉnh sửa và lưu trữ an toàn account user và dữ liệu account user , đồng thời kết nối chúng với một hoặc nhiều ứng dụng.
2019-12-12
Sử dụng Create React App v2 và TypeScript
Create React App v2 đã giới thiệu hỗ trợ TypeScript chính thức, cho phép user JavaScript sử dụng TypeScript với React front-end framework. TypeScript là một công cụ mạnh mẽ giúp viết mã an toàn hơn, tự tài liệu hóa, cho phép các nhà phát triển bắt lỗi nhanh hơn.
2019-12-12
Create React App v2 đã giới thiệu hỗ trợ TypeScript chính thức, cho phép user JavaScript sử dụng TypeScript với React front-end framework. TypeScript là một công cụ mạnh mẽ giúp viết mã an toàn hơn, tự tài liệu hóa, cho phép các nhà phát triển bắt lỗi nhanh hơn.
2019-12-12
Cách thiết lập xác thực Vue.js và xử lý tuyến đường bằng vue-router
Vue.js là một khung JavaScript tiến bộ để xây dựng các ứng dụng front-end. Cùng với vue-router , ta có thể xây dựng các ứng dụng hiệu suất cao với các tuyến động hoàn chỉnh. Vue-router là một công cụ hiệu quả và có thể xử lý hiệu quả xác thực trong ứng dụng Vue của ta .
2019-12-12
Vue.js là một khung JavaScript tiến bộ để xây dựng các ứng dụng front-end. Cùng với vue-router , ta có thể xây dựng các ứng dụng hiệu suất cao với các tuyến động hoàn chỉnh. Vue-router là một công cụ hiệu quả và có thể xử lý hiệu quả xác thực trong ứng dụng Vue của ta .
2019-12-12
Bắt đầu với các hàm mũi tên ES6 trong JavaScript
Với ES6, đã có nhiều bản cập nhật cho JavaScript, bao gồm toán tử spread, cấu trúc đối tượng, loại biến mới và hơn thế nữa. Một trong những thay đổi đáng chú ý nhất là các hàm mũi tên , một cách mới và ngắn gọn để viết các hàm. Với các hàm mũi tên, bạn có thể xác định một hàm dễ đọc và ngắn gọn trong một dòng. Trong bài viết này, ta sẽ giới thiệu cho các bạn những điều cơ bản về các hàm mũi tên và thảo luận về lợi ích của chúng.
2019-12-12
Với ES6, đã có nhiều bản cập nhật cho JavaScript, bao gồm toán tử spread, cấu trúc đối tượng, loại biến mới và hơn thế nữa. Một trong những thay đổi đáng chú ý nhất là các hàm mũi tên , một cách mới và ngắn gọn để viết các hàm. Với các hàm mũi tên, bạn có thể xác định một hàm dễ đọc và ngắn gọn trong một dòng. Trong bài viết này, ta sẽ giới thiệu cho các bạn những điều cơ bản về các hàm mũi tên và thảo luận về lợi ích của chúng.
2019-12-12
Cách bắt đầu với MERN Stack
Ngăn xếp MERN bao gồm MongoDB, Express, React / Redux và Node.js. Ngăn xếp MERN là một trong những ngăn xếp JavaScript phổ biến nhất để xây dựng các ứng dụng web một trang hiện đại.
2019-12-12
Ngăn xếp MERN bao gồm MongoDB, Express, React / Redux và Node.js. Ngăn xếp MERN là một trong những ngăn xếp JavaScript phổ biến nhất để xây dựng các ứng dụng web một trang hiện đại.
2019-12-12
Sử dụng Thư viện React-Async để tìm nạp dữ liệu so sánh
Khi tìm nạp dữ liệu trong một ứng dụng JavaScript,
2019-12-12
Khi tìm nạp dữ liệu trong một ứng dụng JavaScript,
async-await cho phép ta sử dụng lập trình đồng bộ bắt buộc để tìm nạp dữ liệu. Điều này nghĩa là mã của ta sẽ mô tả một cách ngụ ý cách chương trình sẽ hoạt động và sẽ hoạt động theo một chuỗi hoạt động duy nhất. Mặt khác, React là một thư viện xây dựng giao diện user một cách khai báo . Đây thường được coi là một phương pháp đối lập với lập trình mệnh lệnh, trong đó nhà phát triển mô tả những gì họ muốn chương trình làm, hơn là cách họ muốn nó hoạt động. Do đó, sự kết hợp giữa React và async-await dẫn đến một mô hình hỗn hợp trong đó ta có cả mã bắt buộc (để tìm nạp dữ liệu) và mã khai báo (cho cấu thành giao diện user ).2019-12-12
Cách sử dụng Plugin Docker cho Visual Studio Code
Trong bài viết này, ta sẽ sử dụng Docker Plugin cho Visual Studio Code. Docker cho phép ta đóng gói các ứng dụng của bạn thành hình ảnh và chạy chúng dưới dạng containers trên bất kỳ nền tảng nào đã cài đặt Docker. Ta sẽ sử dụng plugin này với hai ngăn xếp nhà phát triển: Node.js và Go.
2019-12-12
Trong bài viết này, ta sẽ sử dụng Docker Plugin cho Visual Studio Code. Docker cho phép ta đóng gói các ứng dụng của bạn thành hình ảnh và chạy chúng dưới dạng containers trên bất kỳ nền tảng nào đã cài đặt Docker. Ta sẽ sử dụng plugin này với hai ngăn xếp nhà phát triển: Node.js và Go.
2019-12-12
Cách tạo ứng dụng phản ứng hoạt hình với React Spring
Hoạt ảnh thêm sức sống cho các ứng dụng của bạn và cải thiện trải nghiệm user tổng thể. React Spring là một gói hoạt ảnh sử dụng vật lý giống như mùa xuân trong các hoạt ảnh cốt lõi của nó để dễ dàng cấu hình. Các lò xo có tính tích lũy, nghĩa là chúng sẽ nhớ tất cả các giá trị được chuyển cho chúng.
2019-12-12
Hoạt ảnh thêm sức sống cho các ứng dụng của bạn và cải thiện trải nghiệm user tổng thể. React Spring là một gói hoạt ảnh sử dụng vật lý giống như mùa xuân trong các hoạt ảnh cốt lõi của nó để dễ dàng cấu hình. Các lò xo có tính tích lũy, nghĩa là chúng sẽ nhớ tất cả các giá trị được chuyển cho chúng.
2019-12-12
Cách giải quyết tắc nghẽn CSS quy mô lớn với ITCSS và BEM
Trên các dự án cơ sở mã giao diện user , các yêu cầu và đôi khi phạm vi có thể thay đổi thường xuyên. Khi các yêu cầu thay đổi và bạn điều chỉnh biểu định kiểu hoặc mở rộng kiểu của bộ chọn trong một trang cụ thể, những thay đổi đó thường ảnh hưởng đến các dạng xem khác có chung kiểu tương tự.
2019-12-12
Trên các dự án cơ sở mã giao diện user , các yêu cầu và đôi khi phạm vi có thể thay đổi thường xuyên. Khi các yêu cầu thay đổi và bạn điều chỉnh biểu định kiểu hoặc mở rộng kiểu của bộ chọn trong một trang cụ thể, những thay đổi đó thường ảnh hưởng đến các dạng xem khác có chung kiểu tương tự.
2019-12-12
Cách tạo một ứng dụng lập hóa đơn đơn giản với node: Giao diện người dùng
Trong phần đầu tiên của loạt bài này, bạn cài đặt server backend cho ứng dụng lập hóa đơn. Trong hướng dẫn này, bạn sẽ xây dựng một phần của ứng dụng mà user sẽ tương tác, được gọi là giao diện user .
2019-12-12
Trong phần đầu tiên của loạt bài này, bạn cài đặt server backend cho ứng dụng lập hóa đơn. Trong hướng dẫn này, bạn sẽ xây dựng một phần của ứng dụng mà user sẽ tương tác, được gọi là giao diện user .
2019-12-12
Tìm hiểu API ngữ cảnh mới của React
Trong một thế giới có rất nhiều khung công tác front-end khác nhau, thật khó để biết nên chọn cái nào. Tôi có muốn sử dụng Angular đã từng phổ biến không? Hay việc đi sâu vào VueJS sẽ có lợi cho phạm vi kiến thức của tôi?
2019-12-12
Trong một thế giới có rất nhiều khung công tác front-end khác nhau, thật khó để biết nên chọn cái nào. Tôi có muốn sử dụng Angular đã từng phổ biến không? Hay việc đi sâu vào VueJS sẽ có lợi cho phạm vi kiến thức của tôi?
2019-12-12
Cách tạo thành phần theo dõi xã hội trong React
Khi bạn đang xây dựng một trang web, bạn thường muốn chia sẻ account Social Media của bạn để khách truy cập theo dõi. Trong hướng dẫn này, bạn sẽ tạo thành phần Theo dõi xã hội trong React, sử dụng các biểu tượng truyền thông xã hội do Font Awesome cung cấp.
2019-12-12
Khi bạn đang xây dựng một trang web, bạn thường muốn chia sẻ account Social Media của bạn để khách truy cập theo dõi. Trong hướng dẫn này, bạn sẽ tạo thành phần Theo dõi xã hội trong React, sử dụng các biểu tượng truyền thông xã hội do Font Awesome cung cấp.
2019-12-12
Cách tạo, truy xuất, cập nhật và xóa bản ghi trong MongoDB
MongoDB là database tài liệu NoSQL open-souce miễn phí được sử dụng phổ biến trong các ứng dụng web hiện đại. Trong hướng dẫn ngắn này, bạn sẽ khám phá cách làm việc với dữ liệu trong MongoDB. Bạn sẽ tạo, truy xuất, cập nhật và xóa các bản ghi.
2019-12-12
MongoDB là database tài liệu NoSQL open-souce miễn phí được sử dụng phổ biến trong các ứng dụng web hiện đại. Trong hướng dẫn ngắn này, bạn sẽ khám phá cách làm việc với dữ liệu trong MongoDB. Bạn sẽ tạo, truy xuất, cập nhật và xóa các bản ghi.
2019-12-12
Cách thiết lập một dự án phản ứng với bưu kiện
Khi nói đến gói ứng dụng web, ParcelJS là một trình gói tương đối mới. Parcel tự mô tả mình là một gói ứng dụng web không cấu hình, nhanh như chớp.
2019-12-12
Khi nói đến gói ứng dụng web, ParcelJS là một trình gói tương đối mới. Parcel tự mô tả mình là một gói ứng dụng web không cấu hình, nhanh như chớp.
2019-12-12
6 Mẹo tối ưu hóa cho ứng dụng React
Trong vài năm gần đây, các khung công tác JavaScript đã thay đổi hoàn toàn cách ta xây dựng ứng dụng và React đã có phần công bằng trong quá trình chuyển đổi. Việc tối ưu hóa thời gian tải trang rất quan trọng vì thời gian tải trang tương quan trực tiếp với số trang không truy cập và tỷ lệ chuyển đổi. Trong hướng dẫn này, ta sẽ xem xét sáu lỗi phổ biến mà hầu hết các nhà phát triển mắc phải khi xây dựng ứng dụng với React. Ta cũng sẽ thảo luận về cách có thể tránh được những sai lầm này cũng như nêu bật các mẹo hữu ích để giữ thời gian tải trang web ở mức thấp nhất có thể.
2019-12-12
Trong vài năm gần đây, các khung công tác JavaScript đã thay đổi hoàn toàn cách ta xây dựng ứng dụng và React đã có phần công bằng trong quá trình chuyển đổi. Việc tối ưu hóa thời gian tải trang rất quan trọng vì thời gian tải trang tương quan trực tiếp với số trang không truy cập và tỷ lệ chuyển đổi. Trong hướng dẫn này, ta sẽ xem xét sáu lỗi phổ biến mà hầu hết các nhà phát triển mắc phải khi xây dựng ứng dụng với React. Ta cũng sẽ thảo luận về cách có thể tránh được những sai lầm này cũng như nêu bật các mẹo hữu ích để giữ thời gian tải trang web ở mức thấp nhất có thể.
2019-12-12
Xác thực Django với Facebook, Instagram và LinkedIn
Đăng ký thủ công và đăng nhập vào account trực tuyến đôi khi có thể gây khó khăn. Các ứng dụng web hiện đại giải quyết vấn đề này thông qua xác thực xã hội, chủ yếu là một cách cho phép user đăng nhập (và đăng ký) ứng dụng bằng thông tin đăng nhập từ nhà cung cấp mạng xã hội mà họ đã có account .
2019-12-12
Đăng ký thủ công và đăng nhập vào account trực tuyến đôi khi có thể gây khó khăn. Các ứng dụng web hiện đại giải quyết vấn đề này thông qua xác thực xã hội, chủ yếu là một cách cho phép user đăng nhập (và đăng ký) ứng dụng bằng thông tin đăng nhập từ nhà cung cấp mạng xã hội mà họ đã có account .
2019-12-12
Cách sử dụng xác thực biểu mẫu trong Vue
Hầu hết mọi ứng dụng web đều sử dụng biểu mẫu theo một cách nào đó, vì vậy các nhà phát triển luôn phải xử lý xác nhận biểu mẫu. Nếu bạn là một nhà phát triển mới, có thể khó quyết định cách tốt nhất để tiếp cận điều này. Tùy thuộc vào ngăn xếp bạn đang sử dụng, có nhiều tùy chọn để lựa chọn.
2019-12-12
Hầu hết mọi ứng dụng web đều sử dụng biểu mẫu theo một cách nào đó, vì vậy các nhà phát triển luôn phải xử lý xác nhận biểu mẫu. Nếu bạn là một nhà phát triển mới, có thể khó quyết định cách tốt nhất để tiếp cận điều này. Tùy thuộc vào ngăn xếp bạn đang sử dụng, có nhiều tùy chọn để lựa chọn.
2019-12-12
