Quản lý trạng thái trong ứng dụng ReactJs với Redux

November 9, 2018

AUTHOR: khoa.nd

I'm Gay

Trong ứng dụng react việc lưu trạng thái trong nội tại component (local state) sẽ phát sinh nhiều vấn đề đặc biệt khi props được truyền từ cha xuống con qua quá nhiều tầng hay việc mở rộng component làm cho phình to state của component dẫn tới việc khó debug, testing…để giải quyết các vấn đề này các pattern đã được ra đời, có thể kể đến một vài pattern khá nổi bật hiện nay được sử dụng nhiều flux (facebook phát triển), MobX đặc biệt là redux. Các pattern này có ưu và nhược điểm riêng trong bài viết này mình sẽ giới thiệu và hướng dẫn một cách chi tiết về redux và áp dụng trong dự án reactjs thực tế.

Post Views: 42

Tương tác phức tạp trong reactjs với react Dnd

October 7, 2018

AUTHOR: khoa.nd

I'm Gay

Trong ứng dụng web hiện đại việc có những chức năng đúng mong đợi, thời gian tải nhanh, hiệu năng ổn định là không đủ. Giao diện cũng phải tinh tế, trơn chu, bao gồm tương tác phức tạp như là chuyển động các phần tử và tương tác kéo thả (drag-and-drop DnD). Kéo thả là tương tác khá phức tạp và khó không chỉ đối với người mới và lập trình viên có kinh nghiệm trong việc viết ứng dụng web, jQuery UI luôn là lựa chọn số một nhưng để áp dụng vào ứng dụng reactjs với việc tích hợp lỉnh kỉnh các thư viện cộng với việc không tương thích trong việc thao tác DOM, nên việc chọn một thư viện “thuần” reactjs sẽ được ưu tiên hơn, trong quá trình làm dự án thực tế review thư viện hiện có trên npm mình cảm thấy thư viện react-Dnd hỗ trợ khá tốt, được lập trình viên hàng đầu (như tác giả của redux Dan Abramov) cập nhật api thường xuyên, hướng dẫn cũng như tài liệu đầy đủ bên cạnh đó cộng đồng xử dụng cũng khá lớn đó là cơ sở để mình muốn giới thiệu thư viện này trong việc viết mã tương tác kéo thả trong ứng dụng reactjs.

Post Views: 73

React một siêu anh hùng trong thế giới Marvel dành cho lập trình viên

September 28, 2018

AUTHOR: khoa.nd

I'm Gay

Nhắc tới Marvel hẳn mọi người liên tưởng ngay tới series phim siêu anh hùng nổi đình nổi đám trong thời gian gần đây với những Iron man với bộ giáp bất khả chiến bại hay Thor vị thần sấm quyền uy với cây búa trên tay… mỗi siêu anh hùng mang cho mình một diện mạo và sức mạnh tuyệt đối mà không khó để phân biệt với nhiệm vụ khác nhau trong vũ trụ, đó là hình mẫu lý tưởng mà người ta tôn thờ . Tưởng tượng thế giới lập trình như thế giới Marvel thì các framework, thư viện được nhiều người biết tới và có tính ứng dụng cao chẳng khác nào các siêu anh hùng dành cho các lập trình viên, trong số đó React là thư viện mình yêu thích và mong muốn giới thiệu tới mọi người.

Post Views: 79

Java Spring – Cấu trúc source theo layer hay theo feature?

September 20, 2018

AUTHOR: Hưng Nguyễn

Tôi nghĩ rằng ứng dụng Spring không nên cấu trúc source code theo kiểu package theo layer. Theo tôi, nên package theo chức năng sẽ chuẩn hơn.

Đầu tiên, tôi sẽ tóm lược mỗi kiểu một cách ngắn gọn như dưới đây.

“Package theo layer” (hay còn gọi là “Chia folder theo loại” với anh em không lập trình)

Kiểu này thì nhóm source code theo các package/ thư mục dựa trên lớp kiến trúc của nó, ví dụ:

Post Views: 90

Vỡ lòng về “ Internet of Things” (Kết nối vạn vật)

September 18, 2018

AUTHOR: Nghia Tran

Happy Coder, Happy Coding for a Better Life! 关心: QUAN + TÂM QUAN trong chữ Quan hệ, liên quan, liên đới, Relation. TÂM: là trái Tim, là hồn, là trí óc, Heart & Mind.

Có lúc nào trên đường đời lập trình viên tấp nập, chúng ta có thể đã nghe cụm từ Internet of Things – Kết nối vạn vật (sau đây sẽ gọi tắt là IoT),khi lướt qua bất kỳ tin tức công nghệ nào trong vài năm qua. Thế nhưng, đồng thời còn ai nữa không trong chúng ta cũng đang vò đầu bứt tai để hiểu từ IoT hào nhoáng ấy ám chỉ cái gì hay có nghĩa thực ra là gì???

Post Views: 62

Tản mạn về Unit Test

September 7, 2018

AUTHOR: Wolverine

Unit Test là gì ?

UT là hoạt động để kiểm thử cho một đơn vị trong chương trình phần mềm nhằm đảm bảo đơn vị phần mềm đó hoạt động đúng.

UT bao gồm 2 thành phần cơ bản sau:

Tại sao phải UT?

UT được thực hiện bởi team phát triển nhằm:

Đảm bảo chất lượng của phần mềm.
Phát hiện lỗi sớm.
Giảm effort đảm bảo chất lượng và effort chỉnh sửa (correction cost).

Biểu đồ chi phí tương ứng với các phase mà lỗi được phát hiện. Lỗi càng phát hiện muộn thì chi phí để chỉnh sửa, test lại ở các phase sau càng lớn.

Post Views: 63

How to train your custom object with Tensorflow Object Detection API

July 19, 2018

AUTHOR: Punchok Kerdsiri

Recently I’ve been assigned to work on Object Detection on BTS antenna using Deep learning modeling with Tensorflow which is very challenging for me and giving me the first time hands on project with deep learning therefore, In this blog I’d like to take a tour and review what I’ve done during my internship.

Post Views: 1648

Text Mining and Analysis Using Twitter Streaming API 📊

July 19, 2018

AUTHOR: Punchok Kerdsiri

Introduction

Text mining is the application of natural language processing techniques and analytical methods to text data in order to derive relevant information. in this following works, It shows how to collecting data from Twitter with Twitter Streaming API that allow us to capture tweets real-time filter.

Post Views: 38

React Native: Phát triển ứng dụng đa nền tảng trên windows với Expo (Phần 2)

July 15, 2018

AUTHOR: khoa.nd

I'm Gay

Bài viết trước Phát triển ứng dụng đa nền tảng trên windows với Expo mình đã giới thiệu về react native, hướng dẫn triển khai ứng dụng với ví dụ hello world, bài viết này (Phần 2) mình sẽ đi chi tiết hơn về cấu trúc project, các component thường sử dụng trong ứng dụng react native, cách điều hướng màn hình, sử dụng StyleSheet để style giao diện và mình sẽ hướng dẫn một ứng dụng nhỏ về ứng dụng login tổng hợp kiến thức mình đã nói tới.

Post Views: 203