Hướng dẫn can i learn react after html and css? - tôi có thể học phản ứng sau html và css không?

Hướng dẫn can i learn react after html and css? - tôi có thể học phản ứng sau html và css 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 can i learn react after html and css? - tôi có thể học phản ứng sau html và css 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 can i learn react after html and css? - tôi có thể học phản ứng sau html và css 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 can i learn react after html and css? - tôi có thể học phản ứng sau html và css 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 can i learn react after html and css? - tôi có thể học phản ứng sau html và css 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 can i learn react after html and css? - tôi có thể học phản ứng sau html và css 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ó nên học HTML và CSS trước khi phản ứng 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ể sử dụng React với HTML và CSS không?

React là một lớp trên đỉnh JavaScript đóng 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ủa HTML, CSS và JavaScript.the actual definition of the content, the layout, the colors, and the logic for fetching the data, and so on is defined in a combination of HTML, CSS, and JavaScript.

Phản ứng tốt hơn HTML và CSS?

Tuy nhiên, nói chung, React thường được xem là nhanh hơn HTML.Bởi vì nó cho phép bạn tạo các tệp mã nhỏ hơn, hiệu quả hơn.Điều này có thể dẫn đến giao diện người dùng nhanh hơn, phản ứng nhanh hơn.React is often seen as being faster than HTML. because it allows you to create smaller, more efficient code files. This can result in a faster, more responsive user interface.

Tôi có thể chuyển đổi HTML thành phản ứng không?

Khi bạn chuyển đổi trang web HTML thành ReactJS, bạn cần biến các trang web thành các thành phần.Hơn nữa, nếu bạn chỉ có một trang, bạn có thể tạo một thư mục gọi là các thành phần trong thư mục SRC.Sau đó, bạn cần tạo một đơn.Tệp JSX ở đó như chỉ mục.you need to turn web pages into components. Furthermore, if you only have one page, you can create a folder called components under the SRC folder. Then, you need to create a single . JSX file there like index.