Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Xin chào các bạn, gần đây tôi đã bắt đầu học Reactjs (thông qua một khóa học trên UDEMY) và muốn biết liệu tôi có nên học HTML/CSS và JavaScript trước khi đi xa hơn không (tôi hiểu React sử dụng JSX, (JS trộn với HTML)? Khoa học máy tính (mặc dù không có kinh nghiệm làm việc). Tôi biết C ++, Java và Python, tôi có sự hiểu biết rất cơ bản về HTML, CSS và JavaScript ... Tôi chưa bao giờ viết mã JavaScript nhưng tôi có thể hiểu mã nếu tôi thấy nó Tương tự như Python (Cú pháp khôn ngoan). Tuy nhiên, tôi gặp khó khăn trong việc tìm hiểu các khái niệm nhất định như QuerySelector, =>, DOM, v.v. Các bạn có đề nghị luyện tập HTML/CSS và JS trong khi đó trước khi học phản ứng hay tôi có thể nhảy thẳng vào phản ứng không? . Cảm ơn.

Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Có vẻ như mọi người và mọi thứ đang tìm kiếm một người có chuyên môn phản ứng. Cho rằng React đã trở nên phổ biến như thế nào, một câu hỏi phổ biến tôi nhận được một cái gì đó như thế này:

Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Câu trả lời của tôi thường trông như thế này (và vâng, nó thực sự dài hơn):

Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Trong bài viết này, tôi muốn đi sâu hơn một chút vào câu trả lời tôi cung cấp và một chút quá trình suy nghĩ của tôi đằng sau nó.

Onwards!

React là một lớp trên đầu JavaScript

React là một sinh vật trông kỳ lạ. Mặc dù có vẻ như ngôn ngữ lập trình của riêng mình, nhưng nó thực sự chỉ là một thư viện JavaScript khác vào cuối ngày:

Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Điều này có nghĩa là nó vẫn được xây dựng trên đầu và dựa vào HTML, CSS và JS cho tất cả các hoạt động của nó. & NBSP; Đây là lý do tại sao chi tiết này là quan trọng. Có một số điều bạn có thể làm độc quyền bên trong lớp React khi học và làm việc trên các ví dụ đơn giản. Khi bạn quen thuộc hơn với React và Start to & nbsp; Xây dựng các ứng dụng phức tạp hơn, bạn cũng sẽ cần truy cập các lớp HTML, CSS và JavaScript truyền thống, thường trộn và kết hợp phản ứng và mã web truyền thống một cách liền mạch như được tô sáng trong ứng dụng thời tiết sau đây (Nhấp vào biểu tượng phát để xem video của ứng dụng đang hoạt động): Here is why this detail is important. There are a number of things you can exclusively do inside the React layer when learning and working on simple examples. As you get more familiar with React and start to build more complex applications, you will need to access the traditional HTML, CSS, and JavaScript layers as well, often mixing and matching React and traditional web code seamlessly as highlighted in the following weather app (click the Play icon to watch the video of the app in action):

Một ứng dụng thời tiết đơn giản được xây dựng trong @reactjs bằng API @openweathermap. Chi tiết và nguồn tại đây: https://t.co/bj3ktu6evi ​​⛅ #WebDev #ui pic.twitter.com/ini6aid2xa

- Kirupa 🍊 (@Kirupa) ngày 18 tháng 4 năm 2019

Ứng dụng này là một ví dụ tốt về một cái gì đó trong nhóm phức tạp trung bình. React đóng một vai trò lớn trong cách cấu trúc UI, nhưng định nghĩa thực tế về nội dung, bố cục, màu sắc và logic để tìm nạp dữ liệu, v.v. được xác định trong sự kết hợp của HTML, CSS và JavaScript. Bạn có thể xem mã nguồn của ứng dụng thời tiết này để hiểu rõ hơn về những gì mong đợi.

Vậy ... Tôi nên biết bao nhiêu HTML/CSS/JS?

Đây thực sự là câu hỏi triệu đô, và câu trả lời phụ thuộc vào mức độ bạn biết ngay bây giờ. Nếu bạn đã quen thuộc với những điều cơ bản và có thể xây dựng một trang web đơn giản với một số tương tác, thì có lẽ bạn nên ở trong tình trạng tốt để bắt đầu với React và thành công trong việc học nó. Nếu bạn không quá quen thuộc với HTML hoặc CSS, bạn có thể gặp một số khó khăn trong việc để ứng dụng của bạn trông đúng. Điều đó không ngay lập tức ngăn bạn học phản ứng. Bây giờ, nếu bạn có ít hoặc không có kiến ​​thức JavaScript, thì đó là một câu chuyện khác. Mặc dù tôi thích bạn học mọi thứ trong khóa học JavaScript 101 miễn phí của mình, nhưng nếu tôi phải liệt kê một cách chọn lọc một số chủ đề bạn nên quen thuộc, chúng sẽ là: làm việc với các biến LET và const, đối tượng JavaScript, đóng cửa, sử dụng các lớp trong JavaScript và Hàm mũi tên. Có thể có một vài điều khác để học hoặc cải thiện, nhưng bạn có thể học những điều đó trên cơ sở khi cần thiết.let and const Variables, JavaScript Objects, Closures, Using Classes in JavaScript, and Arrow Functions. There may be a few other things to learn or brush up on, but you can learn those things on an as-needed basis.

Để tìm ra kiến ​​thức hiện tại của bạn về HTML, CSS và JS, hãy xem vài hướng dẫn phản ứng đầu tiên và xem bạn có thể tiến bộ và hiểu những gì đang xảy ra không. Nếu bạn đang bị mắc kẹt một chút quá nhiều, thì tôi sẽ khuyến khích bạn đi đường vòng và tìm hiểu những điều cơ bản của JS trước. Bạn sẽ vui với thứ bạn đã làm.

Nơi bạn học hỏi từ các vấn đề

Một yếu tố lớn trong việc bạn sẽ thành công như thế nào trong việc học React phụ thuộc vào nơi chính xác bạn đang học nó. Nếu bạn đang học từ một tài nguyên có hướng dẫn phản ứng giới thiệu mong đợi bạn biết cách thiết lập môi trường xây dựng của mình, hãy sử dụng tất cả các tính năng JavaScript (AKA 6+) mới nhất và thực hiện các nhiệm vụ phức tạp khác, sự phức tạp đó có thể áp đảo nếu bạn không có Một số quen thuộc trước đó với tất cả các yêu cầu sau:

Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Nếu bạn đang học thay thế từ một tài nguyên không giới thiệu tất cả sự phức tạp này (như hướng dẫn phản ứng cho người mới bắt đầu được tìm thấy ở đây) ngay từ đầu, bạn sẽ có một thời gian dễ dàng hơn nhiều:

Hướng dẫn do you need to know html to learn react - bạn có cần biết html để học phản ứng không

Không có cách tiếp cận đúng hay sai ở đây. Kết quả cuối cùng của cả hai cách tiếp cận khi bạn đạt đến thời hạn tùy ý của ngày 100 là bạn vẫn học được những phần quan trọng của phản ứng mà bạn cần phải nguy hiểm. Sự khác biệt duy nhất là ở độ dốc của con đường bạn đi để đến đó. Bạn nên đảm bảo bạn chọn một tài nguyên phù hợp với mức độ HTML, CSS và JavaScript hiện tại của bạn để bạn học được với tốc độ mà bạn hài lòng.Day 100 is that you still learn the important parts of React you need to be dangerous. The only difference is in the steepness of the path you take to get there. You should ensure you pick a resource that matches your current level of HTML, CSS, and JavaScript understanding so that you learn at a pace that you are happy with.

Sự kết luận

Trong một thế giới lý tưởng, nơi bạn không có nghĩa vụ và nhiều thời gian rảnh rỗi, đi sâu và rộng trên HTML, CSS và JS trước khi học phản ứng là điều đúng đắn. Thật tệ là chúng tôi không sống trong một thế giới lý tưởng. Bạn có thể được yêu cầu đột nhiên nhảy đầu vào một cơ sở mã phản ứng hiện có để giúp đỡ. Bạn có thể đang ứng tuyển vào một công việc cần các kỹ năng phản ứng và bạn muốn học hỏi nhanh nhất có thể để vượt qua cuộc phỏng vấn. Hoặc bạn có thể đã nghe rất nhiều về React và bạn muốn tìm hiểu thêm về nó. Dù lý do của bạn là gì, mục tiêu của tôi và mục tiêu của nhiều người khác dành thời gian tạo ra các tài nguyên học tập là để ngăn cản bạn học được điều gì đó mới. Bạn chỉ nên nhận thức được những vấn đề bạn có thể gặp phải nếu bạn nhảy vào React mà không biết trước một số khái niệm HTML, CSS và JS thông thường.my goal and the goal of many others who spend time creating learning resources isn’t to discourage you from learning something new. You should just be aware of what issues you may encounter if you jump into React without first knowing some common HTML, CSS, and JS concepts.

Hướng dẫn tiếp theo: Giới thiệu React

Tôi có thể học React JS mà không biết HTML không?

HTML và CSS Mỗi nhà phát triển Front-end bắt đầu hành trình của họ với HTML và CSS.Vì vậy, trước khi bạn bắt đầu học cách phản ứng, bạn nên có một lệnh tốt để viết HTML và CSS.before you start learning to react you should have a good command of writing HTML and CSS.

Tôi có thể học React mà không biết mã khác không?

Vậy JavaScript có cần thiết để học React không?Vâng, về mặt kỹ thuật không.Bạn có thể bắt đầu học React mà không cần có một nền tảng vững chắc trong JavaScript.Tuy nhiên, nó sẽ làm cho quá trình học tập khó khăn hơn rất nhiều và chậm hơn rất nhiều.You can start learning React without having a strong foundation in JavaScript. However, it is going to make the learning process a lot harder and a lot slower.

Những kỹ năng nào được yêu cầu để học React?

Các nhà phát triển React nên khao khát cấp độ hoặc kiểm toán các kỹ năng cần thiết cho thư viện JavaScript nổi bật của Facebook ...
6 Kỹ năng cho các nhà phát triển React.HTML + CSS.....
HTML + CSS.Không có Front-end Dev là người lạ đối với HTML và CSS.....
JSX.....
Nguyên tắc cơ bản của JavaScript + ES6.....
Git.....
Nút + NPM.....
Redux..