Dao Quang Huy

Trên server thì bạn có thề cài Pm2 dùng để quản lý các tiến trình như NodeJS mà bạn nói trên. Chi tiết vè cách sử dụng thì bạn có thể tham khảo thêm ở một số bài viết này: https://viblo.asia/p/tong-quan-ve-pm2-3P0lPkkmZox

• Điều đó tùy thuộc vào trong 4 tháng học đó bạn làm được ra sao nữa. Tuy nhiên nếu bạn chỉ làm đc html/css và js cơ bản nhất thì có lẽ sẽ hợp với job mockup hơn. Còn nếu bạn muốn làm front-end dev thì mình nghĩ bạn nên dành thời gian học kĩ hơn về JS. Và thêm nữa fresher hay không cũng tùy công th bạn yêu cầu nữa. Có những nơi họ yêu cầu basic như bạn nói trên thôi )

Ý là bạn muốn hiển thị được số lượng bạn vừa thêm vào hoặc bớt đi và cả tổng số lượng đang có đúng không bạn ?

ở đây nó là cái ảnh thì phải bạn ạ chứ không phải css đâu

Bạn có thể lưu source code trên github còn project bạn có thể deploy lên Heroku. Không biết project của bạn tech stack như nào nhỉ

• Ở đây bạn đang lấy dữ liệu từ store nên có thể dẫn đến lần đầu component của bạn render ra form thì phần API dùng để lấy dữ liệu ra edit chưa chạy xong nên bạn chưa có cái phần this.props.editData để dùng được dẫn đến trong hàm componentWillMount() của bạn thì dữ liệu của this.props.editData.key đang là null.
• Để tránh tình trạng này thì bạn có thể thêm một cái props mới là this.props.isLoading vào. Ở phần gọi API mặc định props này sẽ là true và chuyển về false sau khi API gọi thành công và dữ liệu đã được cập nhật ở reducer.
• Bên component bạn có thể viết kiểu:

class Edit extends Component {
    ...

    render() {
        this.props.isLoading
        ? <p>Loading dataa...</p>
        : {render phần form của bạn}
    }
}

const mapStateToProps = (state, ownProps) => {
  return {
    editData: state.editData,
    isLoading: state.isLoading,
  }
}

const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    sendEditDataToStore: (sendEditData) => {   dispatch({type:"GET_EDIT_DATA",sendEditData}) }
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(Edit);

chắc là không đâu bạn ạ

Bạn có thể mô tả cụ thể bạn gặp vấn đề gì ở đây không ?

bạn có thể đăng lỗi cụ thể lên để được không ?

Với x chạy từ 1 thì kết quả cuối cùng của x tương ứng với số dòng in ra mà bạn

ant-design nhé bạn vì bạn có thể dùng css hoặc scss sẽ dễ tiếp cận hơn vì còn material-ui thì nó sẽ theo hướng css-in-js hơi khó tiếp cận một chút và theo cá nhân mình thấy thì ant-design hỗ trỡ nhiều component hơn

bạn thử thêm thuộc tính:

box-sizing: border-box;

xem

Các cái Option bên trong Select thì bạn lấy nó ra từ 1 array và dùng map để render nó ra thì trong trường hợp Infinite Scroll thì bạn chỉ cần thêm 1 cái event là bắt sự kiện scroll bên trong cái Select đó đến gần cuối là gọi API đẩy tiếp vào cái mảng nói trên là được

phải nhập nội dung thì mới up lên được chứ bạn ??

ý bạn là https://getbootstrap.com/ hay https://react-bootstrap.github.io/

Bạn để là

left: unset;
right: 0 !important;

Xem đc không

bạn đang dùng ngôn ngữ hay framework backend gì nhỉ ?

Bạn chỉ cần vào .env và bật cái APP_DEBUG=false là được. Mặc định nó sẽ là true vì trên môi trường dev bạn cần xem cụ thể lỗi. Còn khi depoy thì bạn chuyển về false là được. Thêm nữa là bạn đang dùng AJAX nên nó sẽ chỉ trả về mã lỗi 401 và không có thông tin gì thôi còn nếu bạn muốn chuyển trang thì bạn có thể check nếu status code trả về từ AJAX là 401 thì redirect

Bạn bật f12 lên sẽ thấy nó thay đổi vị trí left của toàn bộ cái phần đó 1 khoảng cố định thôi kiểu:

left: -100px

Và ở đây có cá javascript nhé bạn. Nó sẽ có dạng nhu này https://jsfiddle.net/t3owp7qb/4/

Database không có password hả bạn ?🤔