Developers Treasure Chest - Issue 1

Hasin Hayder — Wed, 13 Jul 2022 17:41:38 +0000

You won’t believe the incredible resources we’ve compiled in this article!

We’ve got something for everyone, categorized in sections for JavaScript/TypeScript developers, SASS Tools, PHP & Laravel, Python, WordPress, and more. There are tons of helpful resources, books, tutorial videos, articles, and GitHub repositories you will find useful for your development works.

Bon voyage :)

JavaScript & TypeScript (JS/TS)

Amazing Component Party

Web component JS frameworks overview by their syntax and features: Svelte, React, Vue 3, Angular, SolidJS, Lit, Ember, Alpine, Qwik

JavaScript/TypeScript Goodness - Straight from GitHub

Fastify/Fast-Json-Stringify - 2x faster than JSON.stringify()
TanStack/table - 🤖 Headless UI for building powerful tables & data grids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
Microsoft/tsyringe - Lightweight dependency injection container for JavaScript/TypeScript
Agalwood/Motrix - A full-featured download manager using Electron and Vue.js
Serverless-stack/sst - 💥 SST makes it easy to build serverless apps. Set breakpoints and test your functions locally.
Cveinnt/LiveTerm - 💻 Build terminal-styled websites in minutes!
Vuejs/create-vue - Quickly scaffold a Vue project with npm init vue@3
Arifszn/gitprofile - 🚀 Create an automatic portfolio based on GitHub profile
Bun - Incredibly fast JavaScript runtime, bundler, transpiler and package manager, all in one
The Amazing N - Interactively Manage Your Node.js Versions
NVM - Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
Shikhi - A beautiful syntax highlighter

And some great books, tutorials and articles

Software Engineering at Google - A Free Book from Addy Osmani
Patterns.dev - Modern Web App Design Patterns- Improve how you architect web apps. Patterns.dev is a free book on design patterns and component patterns for building powerful web apps.
JavaScript Handbook by Flavio Copes - Discover the JavaScript programming language
Style your React.js website faster with Stylify CSS
Where to Host a Node.js App - Top 10 Node.js Hosting Platforms
VS Code Extensions You Should Use As a React Developer
First look at Bun - A fast new JavaScript runtime like Node.js or Deno. Explore the core features of Bun.js and how they might affect fullstack web developers in the future.
Javascript30 - 30 Days of Vanilla JavaScript Coding Challenge
Learn TypeScript in One Hour - A Complete Video Tutorial from Mosh Hamedani

SASS & Applications

Sell digital products and downloads the easy peasy way with Lemon Squeezy

Selling digital downloads, subscriptions, and software licenses has never been easier, faster, or more secure.

And More SASS Products

Northflank - Deploy any code, job or database in seconds. The comprehensive developer platform to build and scale microservices, jobs and managed databases with a powerful UI, API & CLI.
Client Billing - A full featured client billing solution from WPMu Dev, For FREE 🎉
Directual - Pro-level no-code tool for web and web3
Swarmia - Gain visibility. Remove blockers. Ship 10x faster
NocoDB - Turns your SQL database into a Nocode platform. Free & Open Source.
Sequin - Replicate third-party APIs to Postgres
Bobby - Backup all your Google Docs to your desktop in one click
OpenReplay - Open-Source Session Replay
Microsoft Clarity - Free Heatmaps & Session Recordings
MyMind - The amazing browser extension you must need
Siter.io - No Code Website Builder, Web Design Tool for Designers
Plasmic - The headless page builder for your codebase
Web3Forms - Easy Contact Form to Email Service
Asciinema - Record and share your terminal sessions, the simple way
edit.photo - The Free Online Photo Editor In Your Browser

PHP & Laravel

Laravel Daily by Povilas Korop - Hydra: Laravel API Boilerplate with Sanctum Roles

Today I’m presenting you a package, or rather it’s a starter boilerplate, specifically for Laravel API projects.

More PHP/Laravel Tools for the Web Artisans

Hydra - A zero-config API boilerplate with Laravel 9x + Laravel Sanctum that comes with an excellent user and role management API out of the box
Laravel Pint - Laravel pint is a zero-dependency PHP code style fixer for Laravel developers - built on top of PHP-CS-Fixer.
Bundling Assets with Laravel Vite - Vite is now the default module bundler for new Laravel projects. Its best feature is an incredibly fast development server with Hot Module replacement.
Build a Basic CRUD App with Laravel 9 and React.js
Spatie/package-skeleton-laravel - A skeleton repository for Creating Laravel Packages
Nunomaduro/larastan - ⚗️ Adds code analysis to Laravel improving developer productivity and code quality.
GetCandy - Laravel E-Commerce Package. A Laravel E-Commerce Package providing modern headless online store functionality.
Laravel real-time Code Execution Monitoring

Two Great Books, Look!

PHP - The Right Way - Your guide to PHP best practices, coding standards, and authoritative tutorials.
PHP Handbook - An Impressive Free Handbook for the PHP Developers. Covers PHP 8+

WordPress

Simple Login Captcha WordPress plugin - Adds a simple 3-digit number captcha on the login form
10Web Booster Plugin - Speed up your site with 10Web Booster. Get a 90+ PageSpeed score and pass Core Web Vitals with 10Web speed optimization.
WP Onion - Lightweight, Flexible & Rapid WP Development Framework.
How We Moved From Wordpress to React and Raised $80 Million
UpdraftPlus WordPress Backup Plugin - Backup and restoration made easy. Complete backups; manual or scheduled (backup to Dropbox, S3, Google Drive, Rackspace, FTP, SFTP, email + others).
What is Headless WordPress - Everything you need to know
Atlas (Free Plans Included) - Headless WordPress Hosting
Create modern, React-enabled WordPress themes with a single command
Use WordPress with React to Create Headless CMS for Your Web Application
WP Downgrade Plugin - Automatically downgrad or update to any WordPress version you want directly from the backend.
Advanced Order Export For WooCommerce - Export orders from WooCommerce with ease ( Excel/CSV/TSV/XML/JSON supported )
EazyTemplates – Gutenberg Template Library. Enhance the Gutenberg editor with our ever-growing library of WordPress templates.

Python

Python Tutorial - Python Full Course for Beginners

Python tutorial - Python full course for beginners - Go from Zero to Hero with Python (includes machine learning & web development projects).

Some great articles, tutorials and tools for Pythonistas

Learn Python - Getting started + 3 Projects for Excel & Data people
Pyca/cryptography - A package designed to expose cryptographic primitives and recipes to Python developers.
PyScript - Run Python in your HTML
Kaggle - Kaggle is the world’s largest data science community with powerful tools and resources to help you achieve your data science goals.
Totally Free Machine Learning Course - Machine Learning for the beginners, From Microsoft :)
Learn from a Googler - 1 Python fundamentals in 1 tutorial (in বাংলা)

Docker

Docker Tutorial for Beginners

Learn Docker for a career in software or DevOps engineering. This Docker tutorial teaches you everything you need to get started with Docker

Miscellaneous

Beating Imposter Syndrome - In a world of “I don’t know if I can do this,” be a “If not me, then who?”
Fig - Your terminal, reimagined
Numi - Beautiful calculator app for Mac.
7 Lesser-Known VS Code Shortcuts to Speed Up your Development (with GIF Demos) - DEV Community
Casual Life 3D Free Illustrations - An impressive collection of illustrations for your next web project. There is also a Figma plugin for using this illustration set in Figma.

And finally one last video :D

Fixing bugs in your code https://t.co/uXTWkhekUf

Let me know how you liked this collection.

Create Huge Amount of Mock Data from Schema Without Writing a Single Line of Code

Hasin Hayder — Sat, 15 May 2021 16:28:02 +0000

Faker.JS is a great tool for creating mock data, and it serves the purpose. However, to create a structured dataset you need to write too much code, and sometimes it gets boring. This is why I have created this project that can automate the mock-data creation process without you writing a single line of code. It was actually created for my personal projects and then I thought that it can add value to many other projects, especially those in need of mock data, and save a lot of time for everyone. Let me show you why this project is a necessary one in your toolkit and how it can be used in this short video tutorial.

Did I tell you that this software is really fast? It can create 1 million records in less than 15 seconds in most cases.

you can even use auto increment values in your schema, just like this one

//schema.mjs
export default {
  // random 20 people with autoincrement id
  output:'./output.json',
  total:20,
  structure:{
    id:'autoIncrement',
    firstName: 'maleFirstName',
    lastName: 'maleLastName',
    email:'emailFromDomain,firstName,lastName,test.com',
    fullName:'joinerSpace,firstName,lastName',
  }
}

The github repository is located at https://github.com/hasinhayder/fake-data-generator-from-schema where you can find some example schemas in the example-schemas directory.

Pull requests, feature suggestions and issues are very welcome.

DEV Community: Hasin Hayder