thông số đặt tên chính xác cho các thành phần phản ứng

Question

Tôi đang cố gắng tìm quy ước đặt tên tốt nhất cho các thành phần trong ứng dụng React.js. Đây là cách tôi hiện đang thực hiện ...

Hãy tưởng tượng tôi có một thành phần searchBar mà tôi muốn hiển thị trong thành phần bảng của tôi.

tìm kiếm bar.js

var React = require('react'); 

var SearchBar = React.createClass({ 
    /* code for search component */ 
}); 

module.exports = SearchBar;  

table.js

var React = require('react'); 
var SearchBar = require('search-bar'); 

var Table = React.createClass({ 
    render: function() { 
     return (
       <SearchBar /> 
     ); 
    } 
}); 
module.exports = Table; 

là quy ước đặt tên này sao hay là tiêu chuẩn?

• gạch nối được phân định cho tên tập tin thành phần
• PascalCase cho tờ khai chức năng thành phần.

Answer 1

Nói chung, có vẻ như phản ứng đủ trẻ chưa có nhiều quy ước phong cách đặc biệt mạnh mẽ, nhưng những gì bạn vạch ra là phản ánh những gì tôi đã thấy nhiều nhất. Các tài liệu phản ứng tất cả PascalCase tên thành phần của họ và nếu có trong thực tế, một quy ước phong cách cho tên tập tin mô-đun gạch nối phân cách dường như xa và trên phổ biến nhất.

Answer 2

Đây là quy ước đặt tên được chấp nhận rộng rãi và hoạt động tốt. Ngoài ra, nếu bạn đang đấu tranh với tên của thành phần, hãy xem tên lớp phần tử HTML gốc của nó. Tôi thấy đây là một cách tuyệt vời.