跳到主要内容

3 篇博文 含有标签「React」

查看所有标签

pancake swap 集成v2/v3

· 阅读需 38 分钟
Torres Li
Maintainer of https://doc.torli.top/

项目背景

一个基于 BSC (Binance Smart Chain) 的 DeFi 项目前端应用,主要功能包括代币发行平台(Launchpad)、NFT 孵化器、代币交易(Swap)和项目展示空间。项目采用现代化 Web3 技术栈,集成了多个区块链服务和 API。

技术背景

核心框架

  • React 18.2 + TypeScript 5.8
  • Vite 6.2 - 构建工具
  • React Router 6 - 路由管理
  • TailwindCSS 4.0 - 样式框架
  • Zustand 4.4 - 轻量级状态管理
  • TanStack Query (React Query) 5.71 - 服务端状态管理
  • Apollo Client 3.13 - GraphQL 客户端

Web3 集成

  • Wagmi 2.x - React Hooks for Ethereum
  • Viem 2.31 - TypeScript Ethereum library
  • RainbowKit 2.x - 钱包连接 UI
  • Pancake Swap V2 - Pancake Swap v2
  • Pancake Swap V3 - Pancake Swap v3

全栈!需要哪些知识?

· 阅读需 12 分钟
Torres Li
Maintainer of https://doc.torli.top/

在当下国内大环境不景气的时候,怎么走出自己的路,肯定会有人说,我特别精通 React 或者 Vue,这个肯定是一个优点,但是在前端领域,需要学习的技能是很多的,再加上近些年各种造轮子,是的现在市面上技术点越来越多,例如:

  • 框架有 React,vue,Angular, Solid,Ember, Svelte, pReact 等等
  • 状态管理 Redux, MobX, Vuex, pinia, Jotai, Zustand, Recoil 等等
  • UI 框架 Antd, Element UI 等等
  • CSS 有 Less,Sass, css in Js, Tailwind css, Unocss 等等
  • 跨端 Uniapp, Taro
  • 桌面端 Electron, Tauri
  • 打包 webpacck, vite, Turbopack, Rspack 等等
  • 微信小程序
  • React Native
  • 等等诸多技术,简直卷出了天际。。。

上面罗列的基本都是前端技术相关的东西,全栈顾名思义就是要【全部照顾】,前端后端都做,也就是客户端,服务端都做。

栈 本来就是技术的集合,包括了很多需要掌握,使用的技术,框架,工具,还有软件,数据。

后端在 JS 中,最常用的应该就是 Nodejs,常用的 node 框架也有很多,express,koa,nest 等等,偶然中还看到过一个词 MEAN,代表 MongoDB、Express、React、Node。可以说是比较流行的 JS 栈了。

后端一般都会涉及到数据库,那常用的数据库有 MongoDB,MySQL,PostgreSQL 等等,分别代表的 关系型数据库和非关系型数据库。

作为全栈工程师,那必须要知道怎么去从头到尾构建一个 web 应用,包括前端后端所有基础设施。

前端面试准备计划,直面寒冬!

· 阅读需 6 分钟
Torres Li
Maintainer of https://doc.torli.top/

为了更好的直面寒冬,应对现在大环境,是时候好好准备一下了。

一、简历

找工作,那肯定不能少了简历,敲门砖嘛!一份好的简历可以让你轻松通过初筛,拿到面试的机会

总结几点

  • 简历内容简洁明了,简历模板不需要太花哨
  • 内容块要有明确(个人信息,工作经历,项目经历,专业技能,社区blog等模块)
    • 最重要的应该是表现出自己的优势在哪里,比如在项目中,做了哪些难点工作,工作职责内容等
    • 个人在项目中的参与度,是什么角色
    • 个人基本信息
    • 加分项 github(要有内容) blog 网站 有自己的东西
  • 专业技能,写那么4-5点就OK,太基础的就不需要写了,两个关键词 『精通』『熟练』要区分