ブートストラップの7日:日1
3840 ワード
月9日月曜日、7日間の休暇中にビジネスをブートするためのチャレンジを始めました.理由とより顕著な相棒の詳細を見つけることができます.
私はあまりに早くリファクタリングしました.畝
開発に役立つ間、私は一日の終わりに向かって適切な時間を失った.
私は、Tarwind資産を活用して、適所にベアボーンスケルトンを得る朝であるために、私のゴールを成し遂げました.これはかなり簡単で、Truwind CSSを使用することで、ブートストラップコンポーネントの日々に戻ってきました.畝
CSSクラスの大規模なライブラリをすぐにスタイルのアイデアを反復することに強力な何かがあります.それは、抜粋するUI例のカタログにさえ入らないです.全体的に、Truwind UIとの私の経験は良かったです.それは、カスタムUIライブラリを構築するデザイナーのチームを持ってビート?ではなく、ラピッドプロトタイピングのために働いた.
確かに、技術的には、私が日曜日にマーケティングサイトを一緒にしていたとき、これはかなり面白かったと思いました.米国のCAN -スパム行為は、すべての電子メール購読が無購読リンクで来て、到達可能な物理的なアドレスを提供するように会社を強制することを必要とするものです.畝
消費者として、これはかなり素晴らしいです.ソロdevとして、吸盤の最後の部分の種類.
私は、朝の終わり頃にロゴを得ました.彼らは短い通知でかなり良い仕事をしたとして売り手にリンクします.
私はグリフアイコンのライブラリにアクセスできるようにプロジェクトにFontaWamyを統合することによって私の午後を始めた.私は最初にアイコンタグを適切なクラス名でインライン化することによって始めました、しかし、私はTailwind図書館から拾ったかなり良い抽象化に固まりました.
以下のスニペットは、対応する機能コンポーネントの単純なアイコンスタイルのコンポーネントをラップし、
その日の後半に向けて、私はローカルロックスクリーンイメージをアップロードするためのインタラクションモデルを始めました.これは、電子がOnMouseOverイベントを処理する方法と私の最初の試みがCSSを活用する方法に関する若干の問題のために予想されるより少し長くなりました.
アンマウント中のイベントリスナーを削除しても、メモリリークエラーになっています.だから何かアイデアがあれば、私はそれらを聞くのが大好きだ.以下のエラーがあり、関連コードhereを見つけることができます.
午後のいくつかの時点で、私は電子ウェブパックにつまずいて、それが熱い再装荷の欠如のまわりですべての私の病気に対する答えであると思いました.その時、私はChromeブラウザですべてをテストして、電子アプリを始める前にそれを束ねていました.畝
電子Webpackは、電子アプリのための適切なプロジェクト構造、すなわちレンダラとメインフォルダに私を紹介しました.私はそれらの初期の変更を行った後、私は反応を取得しようとしてウサギの穴を、電子メール、typescriptとwebpackお互いにきれいに再生されました.
時間が無駄になった後、私は最終的に私はその日の終わりに向かって移行終了したまともなボイラープレートのセットアップにつまずいた.
全体的には、生産的な日であった.今日では、大多数のおばあちゃんが世話をしていた.私は明日の私の最初のオフライン機能をクランクアウトし、理想的には、IDEの外で再生を開始するには顕著な相棒のダウンロード可能なコピーを持っていることを望んでいる.
私が別のリファクタによってsidetrackedされないことを望んでいるヘレ.😄
RemarkableSidekick
日のレッスン
私はあまりに早くリファクタリングしました.畝
開発に役立つ間、私は一日の終わりに向かって適切な時間を失った.
早朝
スケルトン
私は、Tarwind資産を活用して、適所にベアボーンスケルトンを得る朝であるために、私のゴールを成し遂げました.これはかなり簡単で、Truwind CSSを使用することで、ブートストラップコンポーネントの日々に戻ってきました.畝
CSSクラスの大規模なライブラリをすぐにスタイルのアイデアを反復することに強力な何かがあります.それは、抜粋するUI例のカタログにさえ入らないです.全体的に、Truwind UIとの私の経験は良かったです.それは、カスタムUIライブラリを構築するデザイナーのチームを持ってビート?ではなく、ラピッドプロトタイピングのために働いた.
郵便受け
確かに、技術的には、私が日曜日にマーケティングサイトを一緒にしていたとき、これはかなり面白かったと思いました.米国のCAN -スパム行為は、すべての電子メール購読が無購読リンクで来て、到達可能な物理的なアドレスを提供するように会社を強制することを必要とするものです.畝
消費者として、これはかなり素晴らしいです.ソロdevとして、吸盤の最後の部分の種類.
ロゴ
私は、朝の終わり頃にロゴを得ました.彼らは短い通知でかなり良い仕事をしたとして売り手にリンクします.
中間の日
FontaWamy +スタイルのコンポーネント
私はグリフアイコンのライブラリにアクセスできるようにプロジェクトにFontaWamyを統合することによって私の午後を始めた.私は最初にアイコンタグを適切なクラス名でインライン化することによって始めました、しかし、私はTailwind図書館から拾ったかなり良い抽象化に固まりました.
以下のスニペットは、対応する機能コンポーネントの単純なアイコンスタイルのコンポーネントをラップし、
classNames
で適切なフォンタワムーclassName
で渡される単純なユーティリティ関数を使用します.これは、構成可能なアイコンのコンポーネントを提供し、1つの場所にfontawiciousとの統合を分離します.function fontAwesomeLookup(name: string): string {
switch(name) {
case "home":
return "fa-home"
case "search":
return "fa-search"
case "exchange":
return "fa-exchange"
case "random":
return "fa-random"
default:
return "fa-home"
}
}
export const SolidIcon : React.FunctionComponent<IconComponentProps> = (props) => {
let className = mergeClassNames("fas", fontAwesomeLookup(props.name))
if (props.className) {
className = mergeClassNames(props.className, className)
}
return (
<Icon className={className} fontSize={props.fontSize}/>
)
}
注目すべきモデル
その日の後半に向けて、私はローカルロックスクリーンイメージをアップロードするためのインタラクションモデルを始めました.これは、電子がOnMouseOverイベントを処理する方法と私の最初の試みがCSSを活用する方法に関する若干の問題のために予想されるより少し長くなりました.
アンマウント中のイベントリスナーを削除しても、メモリリークエラーになっています.だから何かアイデアがあれば、私はそれらを聞くのが大好きだ.以下のエラーがあり、関連コードhereを見つけることができます.
恐ろしい残余要因
午後のいくつかの時点で、私は電子ウェブパックにつまずいて、それが熱い再装荷の欠如のまわりですべての私の病気に対する答えであると思いました.その時、私はChromeブラウザですべてをテストして、電子アプリを始める前にそれを束ねていました.畝
電子Webpackは、電子アプリのための適切なプロジェクト構造、すなわちレンダラとメインフォルダに私を紹介しました.私はそれらの初期の変更を行った後、私は反応を取得しようとしてウサギの穴を、電子メール、typescriptとwebpackお互いにきれいに再生されました.
時間が無駄になった後、私は最終的に私はその日の終わりに向かって移行終了したまともなボイラープレートのセットアップにつまずいた.
進捗
全体的には、生産的な日であった.今日では、大多数のおばあちゃんが世話をしていた.私は明日の私の最初のオフライン機能をクランクアウトし、理想的には、IDEの外で再生を開始するには顕著な相棒のダウンロード可能なコピーを持っていることを望んでいる.
私が別のリファクタによってsidetrackedされないことを望んでいるヘレ.😄
RemarkableSidekick
ペトトンスパー / 顕著なサイドキック
Reference
この問題について(ブートストラップの7日:日1), 我々は、より多くの情報をここで見つけました https://dev.to/peytoncasper/7-days-of-bootstraps-day-1-49cmテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol