Ahjhj

Mình không nghĩ lại có người dùng git quản lý nguyên cái folder ~ bao giờ cả. Thông thường thì họ sẽ tạo một thư mục riêng (dotfiles nhiều người đặt tên thế rồi đặt vào đâu tuỳ thích), rồi cho các file config cần thiết vào đó. Khi sử dụng thì họ tạo symbolic link từ thư mục dotfiles ra thư mục ~. Như vậy, rất dễ quản lý các file config, không bị lẫn các file khác

Thư mục bin của một dự án rails thường chứa các "binstub", chả biết gọi là gì, nhưng hiểu đơn giản là nó là thứ để các gem có thể chạy đúng trong môi trường của rails app. Nhờ đó mà chúng ta có thể gọi lệnh rake xxx thay vì bundle exec rake xxx, ngắn gọn hơn rất nhiều. Tất cả những gem nào cần được chạy đều có thể tạo ra binstub trong thư mục bin, theo như ảnh của bạn thì bạn cũng dùng tương đối nhiều gem đó. Ngoài ra, binstub thì không nên xoá bạn nhé, có thể khiến gem chạy sai.

Đây là cách mà mình vẫn thường dùng trong thực tế. Bạn tham khảo thử xem, nếu ai có cách hay hơn mình cũng muốn tham khảo

• Ở component Form, đặt state cho các input này là một array, mỗi phần tử của nó là một object có 2 trường name, value
• Ở form viết một hàm callback update state dùng truyền vào từng input, hàm này cần nhận một tham số là name để update state cho đúng giá trị tương ứng với input đó, ngoài ra còn một tham số nữa là giá trị cần update
• Với mỗi input, đơn giản thì không cần viết component riêng làm gì, trong onChange của input đó, cần truyền thêm name tương ứng khi gọi callback, để update state đúng value tương ứng với input đó mà thôi. Như vậy, chúng ta có thể chỉ cần viết 1 callback nhưng có thể truyền cho nhiều input

Một div thì không có onChange là đúng rồi. Bạn dùng thử onPaste xem có tác dụng không. Tuy nhiên, bài toán của bạn không phải thiết kế của các thẻ HTML và JSX chuẩn, nên có thể sẽ gặp nhiều vấn đề phát sinh. (textarea thì chỉ dùng để nhập text), muốn có một input tốt cho phép nhập cả ảnh thì gần như bắt buộc phải sử dụng một edit mwysiwyg. Mình nghĩ bạn chịu khó tìm thì sẽ có thư việc cho react luôn, không phải custom gì đâu

Không hiểu bạn muốn hỏi điều gì. Làm gì có render action, chỉ có render view thôi. Làm như bạn nó sẽ render view của action edit nhưng URL không thay đổi, muốn quay trở lại trang cũ với URL cũ thì sử dụng redirect_to :back

Mình đã đọc câu hỏi và câu trả lời, đúng là không xác đáng thật. Với hiểu biết của mình thì lý do chỉ có import tương đối mà không có tuyệt đối như sau:

• import là tính năng được thêm vào JavaScript từ ES2015 (ES6), không phải tính năng riêng của React hay bất cứ thư viện nào. Dùng React kết hợp import rất tiện, bạn có thể dùng import cho bất cứ code JavaScript nào khác.
• Tuy được thêm vào đặc tả nhưng hoạt động của nó lại phụ thuộc vào cài đặt của từng trình duyệt cụ thể. Và theo mình được biết, hiện tại chưa có trình duyệt nào hỗ trợ cú pháp này. Không rõ nguyên nhân là gì nhưng mình đoán họ chưa tối ưu được quá trình tải script do nó hoạt động khác hẳn cách truyền thống.
• Vì lý do trên nên chúng ta phải dùng các module loader (browserify, webpack, v.v...) để build code JavaScript, hiểu đơn giản là chuyển cú pháp import đó thành cú pháp mà các trình duyệt có thể hiểu và thực thi được. Mỗi một module loader có một cách làm khác nhau, nhưng tựu chung đều có đặc điểm là gộp tất cả vào 1 file.
• Các module loader này (trong bài viết kia là webpack) chạy dựa trên NodeJS. Có thể hiểu chúng chạy như một command trong hệ điều hành nên chúng sử dụng file system của chính hệ điều hành đó (trang web và trình duyệt chỉ làm việc với file đã được build) do đó đường dẫn các file này sẽ là sử dụng đường dẫn trong file system.
• Vì lý do đó, nên thông thường người ta sẽ sử dụng đường dẫn tương đối trong lập trình, bởi vì chỉ có như vậy mới đảm bảo việc build code diễn ra tốt đẹp trên các máy khác nhau. Ví dụ code tôi đặt ở thư mục /user/home/ahjhj/work nhưng người khác lại để ở chỗ khác, nếu dùng đường dẫn tuyệt đối thì chỉ mình tôi build được mà thôi, người khác build sẽ lỗi ngay. Dùng đường dẫn tuyệt đối thì yêu cầu mọi người trong team phải đặt code trong thư mục giống hệt nhau, điều đó là rất khó trong thực tế, do đó thường không ai làm như vậy.
• Ngoài ra, vì đường dẫn tương đối cũng hơi bật tiện thật, nên các module loader có một cơ chế config cho phép import trông như tuyệt đối , ví dụ webpack thì bằng NODE_PATH như trong bài, cho phép khi build code thì nó sẽ tìm code "trong thư mục được config". Ví dụ mình có thể dùng import React from 'react' và các module loader biết tìm react ở trong thư mục node_modules mà không cần phải chỉ ra đường dẫn cụ thể tới thư mục đó. Tuy nhiên, như đã nói, đây là tính năng của module loader, nên bắt buộc phải config chứ mặc định không thể hỗ trợ được.

Một cách đơn giản hơn: trang có jquery rồi thì khỏi cần làm gì, chỉ cần load jquery trước đoạn này là được

Bạn search thử API authentication và API Authorization. Đây là hai keyword liên quan đến thứ bạn đang hỏi. Bạn cố gắng tìm đúng tài liệu để đọc chứ thực sự những gì bạn đang hỏi cũng là một vấn đề khá lớn.

Theo mình được biết không có cách nào làm như vậy. Mà chỉ có thể sử dụng socket.io trên server web, rồi kết nối client với server mà thôi. Còn mysql thì cũng kết nối qua socket với ứng dụng rồi, nhưng là unix socket (nếu là localhost) hoặc TCP socket (nếu kết nối qua địa chỉ IP)

boky/postfix đã outdate và không được cập nhật lâu rồi. Mình thấy posfix 3.3.0 đã bắt đầu support container (tham khảo) nên muốn dùng docker chắc tự build thì hơn. Ngoài ra, nếu không cần thì dùng luôn trên host cũng được, không hiểu lý do dùng docker là gì?

Ngoài jbuilder thì có thể thử một số công cụ sau cũng render JSON mà performance tốt hơn rất nhiều

• active_model_serializers
• SimpleDelegator
• logic đơn giản thì dùng luôn render :json ở controller

Trong đó recommend sử dụng active_model_serializers, vừa performance tốt, vừa dễ dàng custom định dạng dữ liệu render