open-react-template
learnxinyminutes-docs
open-react-template | learnxinyminutes-docs | |
---|---|---|
36 | 226 | |
3,453 | 11,179 | |
2.4% | - | |
3.4 | 9.5 | |
22 days ago | about 19 hours ago | |
TypeScript | JavaScript | |
- | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
open-react-template
-
100+ FREE Resources Every Web Developer Must Try
Cruip
-
Create a Carousel with Progress Indicators using Tailwind and Next.js
In the second part of this tutorial, we've created a carousel with progress indicators using Tailwind CSS and Next.js. We've also learned how to make the component reusable across our entire application. If you want to see how to build a similar component with Alpine.js or Next.js, I recommend checking out the links below. We also recommend checking out our Tailwind templates if you're looking for similar high-quality components, pre-built, and professionally crafted by us.
-
Create a Carousel with Progress Indicators using Tailwind and Alpine.js
In this tutorial, we've seen how to make the most of Alpine.js to create an image carousel with progress indicators. Alpine.js's logic allowed us to build a modular carousel element, just like we would with React or Vue. If you found this tutorial helpful, make sure to take a look at our Tailwind HTML templates. They are all crafted using this incredible framework!
-
Creating a Tooltip-like Testimonial with Tailwind and Alpine.js
This tutorial is yet another demonstration of how powerful and versatile the Tailwind CSS + Alpine.js combo is. With just a few lines of code - all within the HTML document! - we have created an interactive, accessible, and responsive component. If you've found this tutorial useful, we recommend checking out our HTML templates built with Tailwind, all designed with Alpine.js. Feel free to experiment further, customize the component to suit your needs, and explore additional features that Tailwind CSS and Alpine.js have to offer. Happy coding!
-
Making a Text Scramble Animation with JavaScript
The text scramble effect is a cool animation that rapidly unveils text by randomly changing characters - just like those scenes in movies where hackers decode strings of text! Inspired by Evervault's blog, we'll make a navigation menu with that kind of effect when you click on links. Plus, we'll give you both light and dark versions of the menu, so you can integrate this example into any of our Tailwind templates.
-
Create a Gradient Text Reveal on Scroll with Tailwind CSS and JS
If you want your website to stand out from the others, you need to create interesting and engaging experiences. That's why we've been taking a more experimental approach in our latest tutorials. We hope you're enjoying this fresh perspective! Oh, and tell us if you'd like to see something similar in one of our Tailwind templates.
-
Building an Expandable Header with Tailwind CSS and Alpine.js
In this tutorial, we saw how easy it is to create an expandable header component using Alpine.js - without writing a single line of JavaScript, and using a CSS-only approach for animating the menu height. Hope you enjoyed this tutorial, and let us know if you want to see this component integrated into one our Tailwind templates!
-
How to Make a Stunning CTA Animation with Tailwind CSS
In all our Tailwind templates you'll find at least one Call To Action. We designed them in unlimited shapes and styles, with the ultimate goal of creating a connection between products and end users.
-
Create an Animated Gradient Text with Tailwind CSS
We at Cruip love gradients. We use them on many of our Tailwind CSS templates and tutorials, and we are constantly looking for new ways to add a bit of colour to our designs.
-
Build a Hoverable Dropdown Menu with Tailwind CSS and Alpine.js
If you liked this tutorial, you might want to check out our collection of Tailwind CSS tutorials, or our Tailwind CSS templates if you’re looking for ready-made templates or components.
learnxinyminutes-docs
-
Scripts should be written using the project main language
> Sure, maybe for some esoteric edge cases, but 5 mins on https://learnxinyminutes.com/ should get you 80% of the way there, and an afternoon looking at big projects or guidelines/examples should you another 18% of the way.
Not for C++, and even for other languages, it's not the language that's hard, it's the idioms.
Python written by experts can be well-nigh incomprehensible (you can save typing out exactly one line if you use list-comprehensions everywhere!).
Someone who knows Javascript well still needs to know all the nooks and crannies of the popular frameworks.
Java with the most popular frameworks (Spring/Boot/etc) can be impossible for a non-Java programmer to reason about (where's all this fucking magic coming from? Where is it documented? What are the other magic words I can put into comments?)
C# is turning into a C++ wannabe as far as comprehension complexity goes.
Right now, the quickest onboarding I've seen by far are Go codebases.
The knowledge tree required to contribute to a codebase can exists on a Deep axis and a Wide axis. C++ goes Deep and Wide. Go and C are the only projects I've seen that goes neither deep nor wide.
-
100+ FREE Resources Every Web Developer Must Try
Learn x in y minutes: Concise tutorials to learn various programming languages and tools quickly.
- SQL for Data Scientists in 100 Queries
-
New GitHub Copilot Research Finds 'Downward Pressure on Code Quality'
StackOverflow's making their own competing LLM for all this stuff.
IMO, one of the biggest problems with the way people use LLMs right now, is that they're being treated as a single oracle: to know Java, it must be trained on examples of Java.
It would be much better if their language comprehension abilities were kept separated from their knowledge (and there are development efforts in this direction), so in this example it would be trained to be able to be able to read a Java tutorial rather than by actually reading a Java tutorial, so when the overall system is asked to write something in Java, the language model within the system decides to do this by opening https://learnxinyminutes.com and combining the user query with the webpage.
I think this will help make the models more compact, which is a benefit all by itself, but it would also mean that knowledge can be updated much more easily.
Someone would have to actually do this in order to see if those benefits are worth the extra cost of having to load a potentially huge a tutorial into the context window, and likewise the extent to which a more compact training set makes the language comprehension worse.
-
Ask HN: Programming Courses for Experienced Coders?
The project was created and is maintained by Adam Bard, but is open sourced with over 1.7k contributors since 2013
https://github.com/adambard/learnxinyminutes-docs
-
Ask HN: How to learn to be a programmer in 20 years?
So you have studied programming for at least 5 years, what kinds of programs have you written? Apparently you have already applied your skills, since you have "created a good reputation among developers"? Why a time-frame of 20 years, why not 20 months or 20 weeks? Heck, you can learn a lot in even 20 days!
Once you have learned a few languages, libraries and frameworks then learning new stuff becomes much easier. At that point I'd recommend to check the website https://learnxinyminutes.com. Meanwhile, continue asking questions here and elsewhere :)
An other tip, if you are into computer science and algorithms stuff I recommend you try to solve problems which are posted at https://codegolf.stackexchange.com. You don't need to try solving them in less than X characters, but just to get them solved by any means necessary. And don't take too much bad influence from the posted solutions.
- Lean 4.0.0, first official lean4 release
- Learn X in Y Minutes
-
how long will it take to learn JS?
If you want a brief overview, go to https://learnxinyminutes.com/ and look for Javascript. I guess it should be roughly the time it took to learn C++ or possibly less, but JS has its own quirks. Often learning a second language is difficult as the first.
-
Anyone got good resources for experienced devs that don't know front end?
Very light compared to the other resources people have linked for you, but I love https://learnxinyminutes.com/
What are some alternatives?
landy-react-template - Landy is an open-source React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project.
learn-x-by-doing-y - 🛠️ Learn a technology X by doing a project - Search engine of project-based learning
nord - An arctic, north-bluish color palette.
the-road-to-learn-react - 📓The Road to learn React: Your journey to master plain yet pragmatic React.js
React-Landing-Page-Template - A simple react one page landing page templates for startups/companies
materials - Bonus materials, exercises, and example projects for our Python tutorials
ouibounce - Increase your landing page conversion rates.
You-Dont-Know-JS - A book series on JavaScript. @YDKJS on twitter.
react-nice-resume - A React.js Nice Resume Template
tour_of_rust - A tour of rust's language features
Landing-Page - Tailwind CSS Starter Template - Landing Page
CppCoreGuidelines - The C++ Core Guidelines are a set of tried-and-true guidelines, rules, and best practices about coding in C++