Innovative Tools and Tips for Frontend Development - November 2023
Written on
Chapter 1: Introduction to the November Newsletter
Hello everyone!
I’m excited to share this week’s newsletter with my Medium subscribers. If you’d like to receive updates directly in your inbox, feel free to subscribe to my newsletter at ihatereading.in/subscribe.
This week brings some intriguing developments! I’ve been refining the Frontend roadmap template, incorporating four new frameworks for you to explore:
- Vue.js
- Nuxt.js
- Svelte.js
- Ember.js
Additionally, I’ve included a trending serverless database: Appwrite. Below, you'll find links to the frontend roadmap and the React Native roadmap, both designed to assist developers in advancing their careers as frontend or mobile application developers.
Ultimate Frontend Development Roadmap
Master frontend development by exploring a top-tier tech stack with comprehensive resources all in one place.
Perfect React Native Roadmap
A roadmap to learn React Native and the necessary resources to create production-level applications.
I’m thrilled to report that I’ve achieved over 100 sales across 40 countries with this template, and I continuously work to enhance it.
For those new to this template, check out the detailed story linked above. I’m also developing a dedicated website for these roadmap templates, which I believe will significantly aid aspiring developers in various fields, including Machine Learning, Blockchain, Open AI, GPT, Python, and Go.
Chapter 2: Discovering TLDraw
The first video, Who Died: November 2023 Week 3 | News - YouTube, provides insights into current events that you might find engaging.
TLDraw is an impressive tool for collaborative diagramming that I’ve recently come across. It allows users to create stunning website designs from their sketches.
This innovative product leverages Open AI and GPT technology, turning user sketches into functional website layouts. While I’m not entirely sure how it operates behind the scenes, there are numerous ways to develop similar features. A quick method involves utilizing JSON for each isolated UI component, treating them as distinct blocks to be rendered within the UI framework.
If you’re curious about the programming execution steps, you can always consult chatGPT for guidance on rendering UI components from your sketches in a Canva-like environment.
Chapter 4: Revamping My Website
After a month of honing my design skills, I’ve been working on a refreshed version of my website, iHateReading. I’m more confident than ever in the platform's potential, and I hope this leads to valuable resources for developers.
While I aim for a clean, minimalist design to enhance user experience, my website traffic remains lower than anticipated due to my focus on organic reach rather than paid marketing.
Chapter 5: Hiring Updates and JS Packages
I strive to keep developers informed about job openings worldwide, sharing roles along with application links.
Additionally, I’ve come across some fantastic JavaScript packages worth exploring:
- Planby: Easily build timelines in React with this npm module designed for scheduling and event management.
- React Flow: Create flow diagrams and mind maps effortlessly using this powerful React library.
For those interested in new CSS functions, Chris Coyier has compiled a list that’s worth checking out.
Feel free to subscribe to our free iHateReading newsletter.
That’s all for today. See you next time!
Shrey