Push Notification trên android với Azure Notification Hubs (ANH)
Việc push notification trên android không còn quá xa lạ với các ứng dụng đặc biệt với các ứng dụng sử dụng internet. Có rất nhiều library, hay các service hỗ trợ như Google Cloud Message (GCM) Amazon Simple Notification Service (ADM) Với ANH cũng tương tự như các service trên nhưng sử dụng ...
Quản lý sự kiện trong ứng dụng với Laravel Event
Cách đây 3 năm, tôi có một dự án web mà lúc đó mới chỉ biết sơ sơ về PHP, thế rồi với từ khóa “best PHP framework” Google đã trả lời hàng triệu kết quả mà chỉ cần lướt qua trang đầu, tôi đã thấy câu trả lời đó là Laravel, một cái tên thật lạ tai. Trước đó, tôi đã từng được nghe đến ...
Swift Closure
Documents Apple References Blog Blog What is closure? Closures are self-contained blocks of functinality that can be PASSED around and USED in your code -> Closure is a 1st class Object Closures can CAPTURE and STORE REFERENCES to any constants and variables from the ...
Multiple File Uploads sử dụng Dropzone trong Ruby on Rails
Trong bài viết này, chúng ta sẽ đi tìm hiểu cách upload nhiều file trong ứng dụng Ruby on Rails sử dụng một thư viện javascript là Dropzone. Dropzone là một thư viện javascript cho phép upload nhiều file thông qua Ajax, cho phép drag and drop file hoặc thư mục trên các trình duyệt khác nhau. Bài ...
[Advanced React] Animations with react-addons-transition-group
Why we have to use ReactTransitionGroup Definetely one thing that we can do animations in pure CSS. But when your application is going to reach a certain level of complexity, it's a challenge when you want to maintain your code. ReactTransitionGroup is the API upon which ReactCSSTransitionGroup ...
Singleton Method And Singleton Class In Ruby
Vậy là một tuần mới cũng đã đến. Mình xin chúc tất cả các bạn có một tuần làm việc thật vui vẻ nhé (yeah). Hôm nay mình sẽ giới thiệu với các bạn bài viết trong chủ đề Ruby quen thuộc: Singleton method và singleton class trong Ruby. Như các bạn cũng đã biết, Ruby là một ngôn ngữ lập trình ...
Những đặc điểm quyết định sự thành công khi xây dựng một React Component
Một trong những feature hay nhất của React, một trong vạn lý do mà có rất nhiều người yêu thích khi sử dụng React, đó là vì nó cho bạn khả năng tự do lựa chọn các cách tiếp cận khác nhau đối với từng vấn đề. Là một thư viện cốt yếu sử dụng cho việc thiết kế và xây dựng View, React cung cấp cho bạn ...
Tìm hiểu về phương pháp lập trình Test Driven Development (part1)
TDD (Test Driven Development) - tức là một phương pháp lập trình chú trọng vào việc test, "viết test trước viết code sau"... TDD tức là "viết test trước khi viết code". Nghĩa là sao? Chưa có code thì làm sao mà test? Đây chính là mấu chốt, khi bạn định implement một function nào đó, bạn sẽ phải ...
reactjs startkit chạy ở môi trường production load chậm
Chào Anh/Chị Em (Ace). Mình dùng bộ reactjs startkit này: https://github.com/kriasoft/react-starter-kit khi run ở production mình thấy website load chậm xem source code thì thấy nguyên nhân ở mấy đường dẫn (Bôi vàng trong ảnh) Ace cho mình hỏi mấy url đó giờ mình muốn xóa đi thì web có chạy bt đc ...
Should you use scopes or class methods?
Scopes là rút gọn của các câu truy vấn cơ sở dữ liệu trong Rails, cũng giống như where, chúng được sử dụng thường xuyên khi chúng ta muốn lấy ra các objects thích hợp từ database Như ví dụ sau: app/models/review.rb class Review < ActiveRecord::Base scope :most_recent , -> ...
Sử dụng Blade Layout và Eloquent ORM bên ngoài Laravel Framework
Kể từ khi Taylor Otwell chính thức ra mắt phiên bản Laravel đầu tiên vào ngày 9/6/2011, nó đã được phát triển vô cùng mạnh mẽ và được cộng đồng lập trình PHP trên toàn thế giới đón nhận. Hiện nay, với những tính năng nổi bật thì không khó để Laravel vươn lên dẫn đầu trong số những PHP Framework phổ ...
React Developer Tool để sờ nắn props, state và method ReactJS
React Developer Tool để sờ nắn props, state và method ReactJS Day34 Với người mới học Reactjs, việc dữ liệu được truyền từ component con đến component cha thông qua hàm callback truyền từ cha xuống con tương đối khó nắm bắt. Để có thể tạo cảm giác "sờ nắm được" React và luồng dữ liệu truyền ...
React server-side with Laravel
Ngày nay, việc render trên các thiết bị client khi duyệt web ngày càng trở lên phổ biến bằng việc sử dụng các thư viện hay framework như Reactjs, Vuejs, Angularjs.... Tuy nhiên khi trang web ngày càng lớn và phức tạp, dữ liệu ngày càng nhiều thì việc render trên client lại gần như trở thành gánh ...
Let's self build Redux - Part2: The fascinating context api
Tiếp nối phần một, ta đã hiểu được cách một store được lưu trữ như thế nào. Tuy nhiên store hiện tại vẫn còn rất đơn giản và lưu trực tiếp vào global nên đi kèm với nhiều mối nguy hiểm khi React không thể phát hiện ra những thay đổi để cập nhật view cho đúng lúc. Hơn nữa, việc lưu store như vậy ...
D3.js & ReactJS: Khi hai ta về một nhà
D3.js & ReactJS: Khi hai ta về một nhà Day 44 TIL Tại sao phải nói về D3.js và ReactJS? Bởi đây là 2 trong số những thư viện phổ biến nhất giúp xây dựng giao diện web: D3.js: thiên về trực quan hóa dữ liệu, tăng cường tương tác với người dùng. ReactJs: dựa trên component, state, ...
Styled-components v2
Như vậy chúng ta đã hiểu được nguyên lý của lớp nền chạy dưới styled-components dựa trên Tagged template literals (ES6 feature) ở kì 1. Với styled-components trong dự án giờ chúng ta sẽ có những lợi ích có thể liệt kê ra được dưới đây: Style trực tiếp trong file JS: Nhờ vậy những dumb ...
Quản lý state trong React & React Native không sử dụng State management library
Đối với những bạn đã biết và sử dụng React & React Native thì việc dùng kèm 1 thư viện để quản lý state như Redux là điều rất phổ biến. Mình cũng sử dụng React được một thời gian tuy nhiên thời gian đầu mình hay sử dụng theo hướng thuần - không sử dụng thư viện riêng biệt để quản lý state (lấy ...
Encoding Problem In Ruby
Bạn chỉ nghĩ về encoding khi bạn gặp vấn đề với nó, khi bạn check log và nhìn thấy Encoding:: InvalidByteSequenceError: "xFE" on UTF- 8 đập vào mặt mình. Hay khì "they're" hiện thị thành “they’re”. Chỉ khi đó bạn mới tự hỏi encoding là gì vậy và làm sao để fix lỗi đây ?! ...
ReactJS - Uncontrolled vs controlled forms
Day42 Khi học ReactJS qua một số courses/ tutorials online, ta sẽ gặp kha khá lần phải tương tác với form . Cũng phải thôi, form là một trong những nơi giao tiếp giữa người dùng với máy, nên nó đóng vai trò quan trọng cần quan tâm. Vấn đề ở đây là mỗi một tutorial lại dùng 1 kiểu truyền dữ ...
PHP Fractal - Viết API's JSON đẹp hơn
Chắc hẳn các bạn cũng đã nhiều lần viết API cho ứng dụng di động rồi phải không, đa số chúng ta đều đang dump data và trả về response trực tiếp. Nó sẽ gặp một chút khó khăn và khó quản lý khi chúng ta muốn trả về những dữ liệu tuỳ chỉnh hoặc chỉ đơn giản là client muốn trả về như thế. Có một giải ...
