avatarDr Mehmet Yildiz

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

2713

Abstract

Files</h1><p id="aea6">We need to add a <code>tailwind.config.js</code> and a <code>postcss.config.js</code> file to the root of our application. Use the following command to set this up:</p><div id="ee16"><pre>npx tailwindcss <span class="hljs-keyword">init</span> -p</pre></div><p id="414e">This will create a <code>tailwind.config.js</code> file at the root of your project:</p> <figure id="59e0"> <div> <div>

            <iframe class="gist-iframe" src="/gist/BetterProgramming/5f1fc501fe510339576a69bd5936c2b1.js" allowfullscreen="" frameborder="0" height="undefined" width="undefined">
          </div>
        </div>
    </figure></iframe></div></div></figure><p id="21b1">Learn more about configuring Tailwind in the <a href="https://tailwindcss.com/docs/configuration">configuration documentation</a>.</p><p id="374c">It will also create a <code>postcss.config.js</code> file that includes <code>tailwindcss</code> and <code>autoprefixer</code> configured:</p>
    <figure id="5464">
        <div>
          <div>
            
            <iframe class="gist-iframe" src="/gist/BetterProgramming/373cad919a6f591df7649efec7dcce78.js" allowfullscreen="" frameborder="0" height="undefined" width="undefined">
          </div>
        </div>
    </figure></iframe></div></div></figure><h1 id="d634">Import the CSS</h1><p id="07d3">Let’s create a <code>styles</code> folder and import Tailwind CSS from a CSS file:</p><div id="236d"><pre><span class="hljs-built_in">touch</span> styles/tailwind.css</pre></div><p id="79bb">Inside <code>tailwind.css</code>:</p><div id="33c2"><pre><span class="hljs-variable">@tailwind</span> base;

<span class="hljs-variable">@tailwind</span> components; <span class="hljs-variable">@tailwind</span> utilities;</pre></div><p id="5160">To add global CSS to a Next.js app, we need to override the default <code>App</code> component. With Next.js 10, you should already have <code>_app.js</code> inside your pages folder. Now import the stylesheet we created:</p><div id="da6f"><pre><span class="hljs-function"><span class="hljs-title">import</span></span> <span class="hljs-string">'../styles/globals.css'</span> <span class="hljs-function"><span class="hljs-title">import</span></span> <span class="hljs-string">'../styles/tailwind.css'</span>;</pre></div><div id="c873"><pre><span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> <span class="hljs-keyword">function</span> <span class="hljs-title function_">MyApp</span>(<span class="hljs-params">{ Component, pageProps }</span>) { <span class="hljs-keyword">return</span> <span class="language-xm

Options

l"><span class="hljs-tag"><<span class="hljs-name">Component</span> {<span class="hljs-attr">...pageProps</span>} /></span></span>; }</pre></div><p id="cd5c">Cool, now we are ready to add some Tailwind CSS magic to our home page. Go to <code>/pages/index.js</code> (or <code>/pages/index.tsx</code> if you use TypeScript) and add some elements with Tailwind CSS classes. For example:</p> <figure id="7022"> <div> <div>

            <iframe class="gist-iframe" src="/gist/BetterProgramming/5d768ccc213a3d4eeff44d3955cebd3d.js" allowfullscreen="" frameborder="0" height="undefined" width="undefined">
          </div>
        </div>
    </figure></iframe></div></div></figure><p id="12b1">Run <code>yarn dev</code> to see your app on <a href="https://localhost:4202/settings/departments">http://localhost:3000</a> in your browser.</p><h1 id="996b">Configure PurgeCSS</h1><p id="d1b6">One problem with Tailwind CSS is the large file size, but <a href="https://github.com/FullHuman/purgecss">PurgeCSS</a> can fix this. PurgeCSS reduces the file size by scanning your HTML and removing any classes that aren’t used. We only want this in production because if we are developing, we want to be able to use any Tailwind CSS class without running the build process.</p><p id="a37c">Now with Tailwind CSS v2, PurgeCSS is already included. All you have to do is update the <code>tailwind.config.js</code> file so Tailwind can tree-shake unused styles in production builds. Update your file like this:</p>
    <figure id="c01b">
        <div>
          <div>
            
            <iframe class="gist-iframe" src="/gist/BetterProgramming/4fe51a3e9e7f33b4e647ffee294f8cdb.js" allowfullscreen="" frameborder="0" height="undefined" width="undefined">
          </div>
        </div>
    </figure></iframe></div></div></figure><p id="2dad">For now, we check all of our code inside <code>.js, .jsx, .ts or .tsx</code> files that live in either the <code>pages/</code> or <code>components/</code> folder. If you plan to add HTML in other folders like <code>containers/</code> or something, make sure you add that folder to this configuration file.</p><p id="29a2">You can read the guide from Tailwind on <a href="https://tailwindcss.com/docs/optimizing-for-production">optimizing for production</a> to learn more about tree-shaking unused styles for best performance.</p><h1 id="6371">Conclusion</h1><p id="fafc">Now we are ready to work with the latest versions of Next.js and Tailwind CSS without having to worry about bundle sizes!</p><p id="fdfe">That’s it! Thanks for reading. I hope it was helpful.</p></article></body>

Lifelong Learning

8 Cognitive Principles Accelerated My Learning and Helped Me Transfer Tacit Knowledge

An overview of rapid-learning techniques to gain knowledge and skills and communicate with less stress and more retention

Photo by Vanessa Garcia from Pexels

As a lifelong learner, learning is an ever-present companion, an inseparable part of my every waking moment, conscious or not. Each moment offers an opportunity to discover, grow, and evolve.

As a passionate learner, I start the day by focusing on what I want to learn and cease my day recording what I learned.

I’ve always been fascinated by the concept of accelerated learning and wanted to find ways to master new skills and knowledge quickly and efficiently using adult learning theories.

Accelerated learning is about learning new knowledge and gaining new skills quickly and efficiently with less mental stress. This process requires intelligence, creativity, intuition, courage, and experimentation.

Understanding the interactions between neurons, axons, and dendrites helped me visualize learning inside the brain, illuminating the intricate pathways of cognitive growth.

As I gazed at the vast expanse of knowledge before me, the concept of accelerated learning shined like a distant star — a tantalizing promise of mastering new skills with incredible speed. Intrigued and driven by curiosity, I set forth on a quest to reveal the secrets of this cognitive treasure trove.

In pursuing accelerated learning in formal and informal settings, I realized the significance of striking a harmonious balance between these two learning modes by leveraging their powers. I delved into their depths, recognizing their unique benefits and overcoming limitations.

With a thirst for accuracy and relevance, I intentionally designed my approach, blending the structural strengths of formal education with the dynamic flexibility of informal learning.

I aimed to create a potent magical concoction that could nourish my intellect and propel me toward the profound understanding I desired. Then my goal was to pass along what I learned to others.

I acknowledge that both domains— formal and informal learning — have their own merits and shortcomings. For gaining knowledge and skills, integration of learning and teaching was indispensable.

When researching and practicing the cognitive principles and concepts simultaneously, I encountered many moments of illumination and occasional times of darkness and uncertainty.

But with a tenacious commitment to pursuing knowledge and skill building with a desire for knowledge transfer by taking calculated risks, I timely and bravely embraced opportunities for growth and improvement.

I share this story with you not as a master but as a humble explorer, forever learning from the vast repository of human knowledge coming from the collective consciousness.

Just like the master weaver, accelerated learners constantly try new things and see what works and what does not for them. They are not afraid to make mistakes and always look for new ways to improve their skills.

My learning comprised humility, seeking accuracy, and a relentless quest for relevance to real life. My challenge was transferring the tacit knowledge I gained by using accelerated learning principles effectively with joy.

Besides learning about my own cognitive landscape, I also had to learn about others with empathy and compassion. I realized that not all learners tread the same path as I do.

This revelation ignited a profound curiosity, driving me to explore the diverse cognitive landscapes of others and seek the hidden keys to their learning styles.

As I mapped these intricate pathways, I uncovered the beauty of our differences and forged connections that united us in the collective pursuit of wisdom. This approach made transferring knowledge easier and more joyful in verbal, non-verbal, written, and other formats.

I want to give you an overview and high-level perspective of accelerated learning principles I investigated, analyzed, and practiced to gain tacit knowledge and transfer it to others for earning a living and gaining life satisfaction.

1. Metacognition — [the Reader of the Mind]

My journey into accelerated learning started with understanding and practicing metacognition — the ability to reflect on our own thinking and learning. In other words, it is thinking about thinking and learning how to learn.

Even though cognition is considered the primary activity of the neocortex, it also involves the limbic system and even the reptilian brain covering our overall human experiences.

Metacognition is a behavioral approach to thinking and knowledge. Therefore, it relates to planning, monitoring, assessing, and making required changes to enhance and accelerate learning.

With this superpower, we become mind readers, but just for ourselves. It empowers us to observe our thoughts and behaviors from afar, revealing patterns and paving the way for positive changes.

Take learning a foreign language, for example. If we struggle to remember vocabulary words, metacognition reveals the need to adjust our approach. Maybe we need more review time or a different memorization technique.

Self-awareness through metacognition can help us recognize our strengths and weaknesses and choose the optimal learning strategies tailored to our unique needs.

2. Active Learning and Spaced Repetition — [The Dynamic Duo]

The dynamic duo of active learning and spaced repetition were my trusty sidekicks in the quest for knowledge. I commenced my learning adventures, diving into discussions and solving problems like detectives solving a mystery.

I saw those timely breaks between our escapades as pure brain power, boosting memory and retention like nothing else.

Active learning is like a workout for our brains — sometimes challenging but always essential for staying sharp. And spaced repetition is like giving our brains a good night’s sleep, helping consolidate information for easier recall later.

Together, they form an unbeatable team — the Batman and Robin, the Sherlock Holmes and Dr. Watson of learning. With this dynamic duo by my side, I felt invincible as I expanded my knowledge and mastered new skills, sharing them with others for mutual benefit.

3. Interleaving — [Mix and Match Mastery]

In my relentless pursuit of knowledge, I stumbled upon a unique technique that unlocked my learning potential like never before — the art of interleaving, allowing us to study the categories in a mixed manner.

Interleaving opened new possibilities for me. No longer confined to siloed learning, I embraced the delightful chaos of mixing and matching skills.

Interleaving is like a magical blender. You can toss in different topics, ideas, and experiences and blend them together to create a smooth concoction of mastery.

It’s like a master weaver constantly experimenting with new patterns and techniques. They might start with a simple design but add new elements and ideas as they work. The result is a beautiful and complex tapestry that is full of surprises.

Interleaving turned me into a master of tacit knowledge acquirer. The mental construct I learned in one area magically seeped into others, blurring the boundaries between subjects and effortlessly applying what I learned to various situations.

It was like discovering a hidden treasure trove of connections — concepts that once seemed isolated now danced together in harmonious symphonies of understanding.

And the magic behind interleaving? It’s all about connecting the dots in our brains. When we tackle diverse topics side by side, our brains can compare and contrast, creating a powerful network of associations.

With various stimulations, our brains become a grand conductor orchestrating a masterpiece of neural connections.

4. Elaboration — [The Art of Storytelling]

Elaboration was my secret weapon on the battlefield of learning and transferring tacit knowledge.

It turned me into a maestro of words, weaving tales that helped me understand complex concepts and make connections between seemingly unrelated ideas.

Every encounter with a new concept was like finding a new puzzle piece, waiting to fit into the grand tapestry of my mind.

With elaboration as my trusty brush, I painted vivid explanation pictures, transforming dry information into a symphony of understanding.

Using elaboration, I had no more drowning in jargon or drowning others in jargon. My storytelling prowess breathed life into the knowledge I sought, making it a living, breathing character in the grand theater of my mind.

The neurons in my brain turned to the characters, eagerly connecting with each other, enchanted by the magic of mental tales.

As I spun my stories, a connection blossomed between my heart and brain, feeding my spirit. It was like the best bedtime story ever, except that the characters were ideas, and the story's moral was comprehension.

My act of explaining things to others in my own words solidified the concepts in my memory, giving them life and purpose. My brain rejoiced in the delight of my storytelling. Like a child lost in a fairy tale, it hungered for more.

Elaboration is like a magical translator for our brain, turning facts and figures into meaningful brain connections. Gone were the days of tedious memorization and force-fed information. With storytelling, I welcomed knowledge with open arms.

Imagine the brain as a vast library, with each concept as a book waiting to be explored. When we elaborate, we don’t just skim through the pages; we immerse ourselves in the story, making it a part of us.

5. Chunking — [Breaking Barriers in Chunks]

When I faced the towering mountains of complex information, I didn’t back down — I summoned my secret weapon: chunking.

It was like breaking barriers, one delicious bite at a time. Suddenly, the impossible seemed not so impossible anymore. My learning got accelerated.

Imagine a massive buffet filled with all kinds of delectable dishes that we can’t eat all at once. That’s when chunking comes into the picture, turning the overwhelming feast into manageable bites. It’s like having the power to enjoy each dish without overloading our plate.

In the grand adventure of learning ocean, I faced the same predicament. The vast sea of information threatened to swallow me whole.

But with chunking by my side, I became a skilled navigator, breaking the waves of data into bite-sized morsels. Each chunk was a gem of knowledge I could easily savor and digest. I gained the ability to drink from a metaphorical firehose.

Chunking is not just about convenience. It’s also about conquering the unconquerable. The overwhelming challenges transformed into approachable milestones as I devoured one chunk at a time.

The metaphorical mountains I faced turned into gentle hills waiting for me to climb. No more feeling lost in a labyrinth of facts and figures.

With chunking, I had my trusty map guiding me through the maze of knowledge. In short, the impossible felt achievable, and the road to learning was paved with bite-sized steps.

The chunking made my brain dance with joy as it easily processed and retained information. It was like giving my brain a streamlined highway, free from congestion and roadblocks. The beauty of chunking comes from its simplicity.

It’s not about cramming too much information but making space for understanding and retention. Like a skilled architect, I built bridges between concepts using chunking, linking them together in a cohesive structure.

6. Multisensory Learning — [A Feast for the Senses]

My journey of multisensory learning was like a thrill ride for the senses and sensations that transformed my brain into a learning playground.

It was like stepping into a kaleidoscope of experiences, where visuals, sounds, smells, and kinesthetic magic combined to create a spectacular sensory feast. Learning is not just about reading dull textbooks or listening to monotonous lectures.

With multisensory learning, it’s like stepping into a wonderland of imagination, where the world comes alive with vivid colors, captivating sounds, beautiful aromas, and exciting movements.

I became the artist of my own learning canvas, creating vivid mental pictures that brought new information to life. With each stroke of imagination, the concepts danced before my eyes, weaving themselves into the tapestry of my memory.

I discovered the secret sauce — connecting the dots between new information and personal experiences. It was like a grand feast for my brain, where every bite was meaningful and significant.

I took detours to my memories and experiences. With each connection, my understanding deepened, and the puzzle pieces of knowledge fell into place.

The wonders of multisensory learning are not just about absorbing facts; it’s about engaging with knowledge in a dance of memory and understanding. It is like inviting my brain to a grand party, where memory and comprehension frolicked like old friends.

Multisensory learning was a game-changer. No longer I was a passive observer but an active participant in the learning process. It was like unlocking the door to a world of possibilities where the boundaries of learning faded away.

7. Feedback / Error Correction — [The Path to Excellence]

Feedback and error correction are my trusty companions on this epic learning journey. When I face hurdles and challenges, they come to my rescue with timely and constructive advice, guiding me toward improvement without a hint of judgment.

It is like having a pair of wise friends who knows precisely what I need to flourish. Feedback sheds light on my path, showing me where to improve and cherish what I had already mastered.

It is like a guiding light in the darkness, helping me easily navigate the maze of learning. No more wandering in the shadows of ignorance — feedback pointed the way to progress and enlightenment, filling me with determination to conquer any challenge.

Error correction isn’t about dwelling on mistakes but embracing them as stepping stones toward greatness. Instead of feeling discouraged, I see each slip-up as an opportunity to learn and grow.

Like a gardener tending to a blossoming garden, I nurture my mistakes, turning them into fertile ground for knowledge to flourish. With every correction, I feel myself becoming stronger, wiser, and more skilled, ready to conquer new horizons.

8. Context and Real World Application — [Learning with Purpose]

Like many, I used to think that learning was just about memorizing facts, figures, or events. But then I realized that learning was so much more than that. It’s about finding meaning in what we learn and applying it to our life.

I started to look for connections between what I was learning in school and the real world. I wanted to know how what I was learning could help me solve problems, make decisions, and make sense of the world around me.

I found that when I learned with purpose, it was much more meaningful and memorable. I was also more motivated to learn because I could see how it would benefit me and others in the real world.

Learning with purpose made me a more engaged, intuitive, and critical thinker. It also helped me develop problem-solving and interpersonal skills and better understand the world around me.

Summary and Takeaways

These accelerated learning principles and concepts are not just lofty ideas. They are the pillars supporting the very foundation of effective education.

The collective knowledge from fields like education, psychology, and cognitive science has illuminated a path to unlocking the true potential of human learning.

Metacognition grants learners the power to observe their own thoughts and behaviors, guiding them to tailor learning strategies with precision.

Active learning draws learners into the heart of the subject matter. Spaced repetition, like a gentle lullaby for the brain, reinforces memories during those magical rest intervals.

Multisensory experiences awaken the brain in a joyride of discovery, forging neural connections like an artist crafting a masterpiece. Visualization creates vivid mental pictures that resonate with personal experiences.

Interleaving challenges learners to traverse diverse topics and skills side by side, forging a web of connections like an intricate tapestry.

Elaboration weaves meaningful tales that breathe life into the knowledge we seek, etching them deep into memory with the indelible ink of emotion.

Chunking easily breaks down barriers, making seemingly insurmountable mountains of information surmountable one chunk at a time.

Feedback and error correction, the compassionate mentors illuminate the path of progress with timely guidance, transforming stumbles into stepping stones toward excellence.

And real-world application, the key to purposeful learning, connects the dots between theory and practice, fostering a deep understanding that resonates far beyond the confines of the classroom.

Imagine an educational landscape where these principles dance together, harmonizing in symphonic unity to create effective and engaging learning environments.

In the hands of educators and learners who wield these principles like virtuoso conductors, the learning experience becomes a voyage of discovery, a quest for understanding that knows no bounds.

As we embrace these principles, we open the door to a world where learning is not a mere act of acquiring facts like robots but a journey of profound significance and fulfillment.

It is a world where knowledge becomes a bridge between the minds, hearts, and souls in the collection consciousness, where understanding and retention flourish, and learners emerge as empowered, inspired, and illuminated individuals.

8 Psychological Points I Had to Unlearn and Relearn the Opposite

As part of my creative non-fiction writing goals, I’d like to share a few stories that might warm our hearts with a bit of humor into weighty topics.

Apparently, I Was a Dog in a Previous Life

Finally, After Burning Her House, Georgia Found Enlightenment

Hilarious Tips to Prevent Brain Atrophy and Keep the Gray Matter Giggling

Amygdala Hijacks: A Humorous Approach to Emotional Mastery

Based on my writing experience and observations, I documented findings and strategies that might help you express your ideas, amplify your voice, engage your audience, and achieve your desired outcomes in your writing journey.

Thank you for reading my perspectives. I wish you a healthy and happy life.

Disclaimer: My posts do not include professional or health advice. I only document my reviews, observations, experience, and perspectives to provide information and create awareness.

I publish my lifestyle, health, and well-being stories on EUPHORIA. My focus is on cellular, mitochondrial, metabolic, and mental health. Here is my collection of Insightful Life Lessons from Personal Stories.

You are welcome to join my publications on Medium as a writer by sending a request via this link. 24K writers contribute to my publications.

Mental Health
Science
Self Improvement
Health
Lifestyle
Recommended from ReadMedium