React is the slowest way to build apps.
Qwik ships only 1Kb of JS as uses deterministing approach to give you only code you need while you havent’t triggered it.
@tejaskumar_
Category: Uncategorized
-
UI trends in 2023 by @tejaskumar_
-
Your First AI App using ChatGPT and LaMDA
Vercel has a multi model SDK, where you can write same code and jest by adding different SDK communicate with different models.
Using #opensource models like google LaMa or meta llama as you do not need to pay for licence.
Run models locally with Ollama
Model does need context, so you need to send
Workshop Code- ai.google
- Openai token price: https://platform.openai.com/tokenizer
@Maximiliano Firtman
-

Kevlin Henney – Refactoring Is Not Just Clickbait #buildstuffconf
- Refactoring as Design Practice: Henney emphasizes that refactoring is not just about quick shortcuts or large-scale re-engineering. It is a design practice essential for maintaining code quality and understanding.
Make code as open to modification as possible.
Keep code simple by resisting the temptation to make it extensible in the absence of any requirements to do so.- Complexity and Developers: Developers are drawn to complexity, often seeking creative solutions to problems. However, Henney suggests that refactoring is a way to navigate complexity, making code more understandable and manageable.
- Technical Debt: Henney distinguishes between possessing technical debt and unmanaged technical debt. He argues that the possession of technical debt is not a problem; the key is how well it is managed and structured.
- Metaphor for Messy Code: Henney introduces a metaphor for messy code, describing how developers can’t stop thinking about it. Refactoring provides a way to take oneself to a clean and tiny context, making developers feel comfortable and safe while working on it.
- Refactoring Process: Refactoring is portrayed as a process of discovery and recognition, a reactive design practice. It involves restructuring software through a series of small, focused changes that do not alter the observable semantic behavior of the software. Automation is associated with refactoring, but the focus is on preserving the program’s behavior.
-
How to become front end architect?
Becoming a front end architect is an ambitious goal, but one that can be achieved with dedication and hard work. A front end architect is responsible for designing and building complex web applications from the ground up, so itâs important to have a strong background in programming languages like React and TypeScript. In order to become a successful front end architect, you must first understand the fundamentals of software engineering principles such as design patterns, algorithms, data structures and object-oriented programming concepts. Additionally, you should possess excellent problem solving skills as well as knowledge of different frameworks used in web development.
The next step towards becoming a successful frontend architect involves gaining experience by working on projects using various technologies including HTML/CSS/Javascript along with other libraries or frameworks like ReactJs or AngularJs . This will help build your confidence when tackling complex problems related to architecture design decisions while also giving you hands-on experience dealing with real world scenarios within large scale applications . It would also benefit greatly if one has prior knowledge about version control systems (such Git) which helps manage code changes across multiple developers simultaneously while keeping track of progress made throughout development cycles .
Finally , once comfortable enough working on projects , it’s time for aspiring architects to start focusing more heavily on their craft by studying industry best practices regarding coding standards , application performance optimisation techniques & security protocols among others ; this way they’ll be able increase their chances at getting accepted into reputable positions where they can make significant contributions towards developing robust user experiences & scalable architectures fit for modern day challenges faced by businesses around the globe today . By following these guidelines any individual could potentially carve out an impressive career path within Front End Architectural field provided he / she puts forth consistent effort over extended periods of time & never stops learning new things everyday!
-
Time management for front end developers
- Introduction to time management for front-end developers
- The importance of effective time management in the field of front-end development
- The unique challenges that front-end developers face in terms of time management
- Setting goals and priorities
- The importance of setting clear, specific goals
- How to prioritize tasks and projects based on importance and deadlines
- Estimating and planning
- How to accurately estimate the time required for different tasks and projects
- The importance of creating a schedule or plan to manage your time effectively
- Managing distractions and interruptions
- Common distractions and interruptions faced by front-end developers
- Strategies for minimizing or eliminating distractions and interruptions
- Time management techniques and tools
- Popular time management techniques, such as the Pomodoro Technique and the Eisenhower Matrix
- Tools and technologies that can help with time management, such as project management software and productivity apps
- Tips and best practices for front-end developers
- Practical tips for managing your time effectively as a front-end developer
- Best practices for maintaining a healthy work-life balance
- Conclusion
- Recap of the key takeaways from the book
- Encouragement to implement the time management strategies and techniques discussed in the book
-
Front end interview questions the aave way
- Cyclomatic complexity – a measurement developed by Thomas McCabe to determine the stability and level of confidence in a program. The complexity of the branches and deep code logic is going.
- Does react.memo() component will be rerendered if parent does renders? ( same value, different pointer to object).
- What is typescript tuple – array with fixed size and known datatypes. F.E.: useState
- How in TS define a JSON.parse returned object? unknow or
- CSS optimize animation which changes position of the element – use transform.
-
Algorithm books front end interview
- De-Coding The Technical Interview Process â This is a brand new book by Emma Bastion about technical interviews that is tailored for front-end engineers. The content is very approachable. Itâs a great place to start.
- The Impostorâs Handbook (#1 and #2) â This book helped me become familiar with a bunch of algorithms and concepts I didnât know much about before. Not enough to nail an FEE interview, but enough to learn what I was missing.
- The Algorithm Design Manual â A popular CS textbook, I read a few parts to better understand some algorithms in detail.
- Cracking the Coding Interview â Ignore the code examples, but the intro chapters help cover some key technical concepts.
- Grokking Algorithms â Covers a lot of algorithms with cute pictures. I preferred the way these algorithms were covered by the Impostorâs Handbook, but this might work better for some people.
https://egghead.io/lessons/javascript-build-lodash-merge-from-scratch
-
React design patterns
Provider Pattern – when using react createContext and passing data
Presentational and Container Component Pattern – components vs containers
Compound Components – parent components sharing state with multiple child componentsexport default function App() { return ( <Menu defaultSelected="My account"> <MenuItem value="Profile">Profile</MenuItem> <MenuItem value="My account">My account</MenuItem> <MenuItem value="Logout">Logout</MenuItem> </Menu> ); } -
8 figures ethereum wallets
6 wallets held a combined $102m in crypto.Â
All had at least 55% of their portfolio in Ethereum assetsAll were putting their crypto “to work” in borrowing & lending protocolsThe most common protocols we saw used were Convex, Aura Finance, and Aave2 of the wallets had at least 10% of their portfolio in ArbitrumHere’s a breakdown of 3 of the wallets (they had some cool names too) – 1/ Ethereum ($25.4m in assets) $13.9m on Ethereum (55%)$5.7m on Avalanche (22%)$4.1m on Arbitrum (16%)$1m on BSC (4%) Main protocols used to get yields were Convex and Aura Finance. This was the most diverse wallet we saw. And ironically it had the least % allocated to Ethereum, even though the name of the wallet is Ethereum. 2/ EverydayWhale ($17.6m in assets) $17.6m on Ethereum (100%) This wallet had ~90% of its money in lending & liquidity pools. All of it is held in 2 protocols: Maker and Uniswap. 3/ PennilessWassie ($22m in assets) $19.3m on Ethereum (88%)$2.4m on Arbitrum (11%)$300k on Optimism (1%) Main protocols used to get yields were Frax, Convex, and Liquity. -
Call and Apply
Call and apply is that call requires the arguments to be passed in one-by-one, and apply takes the arguments as an array.
A for array and C for comma.”
function longerSummary(genre, year) { console.log( `${this.title} was written by ${this.author}. It is a ${genre} novel written in ${year}.` ) }longerSummary.call(book, 'dystopian', 1932)longerSummary.apply(book, ['dystopian', 1932])Functions vs arrow
Arrow functions do not have their ownÂ
this binding. Instead, they go up to the next level of execution.const whoAmI = { name: 'Leslie Knope', regularFunction: function () { console.log(this.name) }, arrowFunction: () => { console.log(this.name) }, } whoAmI.regularFunction() // "Leslie Knope" whoAmI.arrowFunction() // undefinedhttps://www.taniarascia.com/this-bind-call-apply-javascript/