主要观点总结
文章主要讨论了前端开发中的基础技术被忽视的现象，以及过度复杂化和过度依赖现代工具带来的问题。同时，也提到了React hooks的优缺点，以及开发者如何理解并正确使用它们的重要性。文章还给出了一些建议，包括理解原生JavaScript、深入学习HTML和CSS、发展批判性思维能力等。
关键观点总结
关键观点1: 前端开发中基础技术的忽视。
在无尽的趋势和范例中，我们似乎忘记了前端开发的基础。开发者们需要花时间理解原生JavaScript，拥有坚实的基础可以更容易地发现错误的真正原因并相应地修复它们。
关键观点2: 过度复杂化和过度依赖现代工具的问题。
开发者们需要避免过度复杂化任务，应该检查并理解CSS的基本功能。同时，也需要警惕对现代工具的过度依赖，如webpack插件等。
关键观点3: React hooks的优缺点及如何正确使用。
React hooks虽然增加了灵活性和优雅性，但也增加了代码的复杂性和出错的可能性。开发者需要仔细阅读文档并理解如何正确使用它们，而不是盲目地遵循某些实践。
关键观点4: 重要建议。
文章给出了几个重要建议，包括理解原生JavaScript、深入学习HTML和CSS、发展批判性思维能力、记住SOLID、YAGNI、KISS等原则。
文章预览
在所有最新的趋势和无尽的范例中，我们似乎忘记了前端开发的基础。 最近 Pavel Pogosov 注意到了一些改变他对这个行业看法的事情。似乎在所有无尽的趋势、范式和新奇中，我们忘记了前端开发的核心。 在这篇文章中，Pavel Pogosov 想分享一些最近项目中的代码片段，并试图解释他的想法。 无尽的过度复杂化 这里有一个最基本的卡片组件，它有一个可选的 header 属性。如果这个属性存在，我们会将其渲染在带有特定类名的 div 中。 const Card = ({ children, header }) => { return ( "card"> {header & & "card__header">{header} } {children} ); }; 在简单的情况下，一切都运作良好。默认情况下， 不会渲染 header ，而 会渲染 header 。当 header 的内容是动态的并且可能返回实际内容或 null 时—— } /> ，问题就开始出现了。我们
………………………………
